淘宝装修模板代码怎么用(淘宝装修模板代码使用教程)

店铺装修代码

31f10004c516c717f4dc?from=pc

1、店铺音乐代码:音乐网址” loop=”-1″>

2、图片制作代码:<img src=”这里放图片地址”>

3、公告图片代码:<img border=”0″ src=”这里放图片地址” />或<img src=”这里放图片地址”/>

4、悬浮挂饰代码:<img src=”这里放图片地址” style=”left:20px; position: relative; top:0px” />

5、商品分类代码:<img src=”这里放图片地址”/>

6、字体大小代码:<font size=”2″>这里放要处理的文字,可用3、4、5等设置大小</font>

7、字体颜色代码:<font color=”red”>这里放要处理的文字,可以换成blue,yellow等</font>

8、文字链接代码:<a href=”网页地址”>链接的文字,在分类栏里用时链接的网页地址必须缩短</a>

9、移动文字代码:<marquee>从右到左移动的文字</marquee>

10、背景音乐代码:<bgsound loop=”-1″ src=”这里放音乐地址”></bgsound>

11、图片附加音乐代码:<img border=0 src=”这里放图片地址” dynsrc=”这里放音乐地址”>

12、浮动图片代码:<img alt=”1″ height=”150″ src=”这里放图片地址”/>

一、背景上显示时钟:

<div

style=”position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px”></div>

<div

style=”position:absolute;visibility:visible;font-family:Arial;colorDDDDD;font-size:120px;top:100px;left:150px”></div>

<div style=”position:absolute; visibility:visible”>

</div>

二、添加背景花瓣效果

<script Language=”java – script”> function a(x,y,color)

{document.write(“<img border=’0′ style=’position: absolute; left: “+(x+300)+”; top: “+(y+200)+”;background-color: “+color+”‘ src=’px.gif’ width=1 height=1>”} </script> <script>

for(t=1;t<=360;t++){

lo=200 * Math.sin(2 * (Math.PI / 180) * t); x = lo * Math.cos((Math.PI / 180) * t); y = lo * Math.sin((Math.PI / 180) * t); a(x,y,”#000000″;

lo=200 * Math.cos(2 * (Math.PI / 180) * t); x = lo * Math.cos((Math.PI / 180) * t); y = lo * Math.sin((Math.PI / 180) * t); a(x,y,”#ff0000″; }

</script>

三、漂浮广告代码

<div style=”position:absolute”> <a href= target=”_blank”>

<img src=”http://www.***.com/copyright.gif” border=”0″> </a></div> <script>

var x = 50,y = 60

var xin = true, yin = true var step = 1 var delay = 10

var obj=document.getElementById(“ad” function floatAD() { var L=T=0

var R= document.body.clientWidth-obj.offsetWidth var B = document.body.clientHeight-obj.offsetHeight

var cpro_psid =”u2572954″; var cpro_pswidth =966; var cpro_psheight =120;

obj.style.left = x + document.body.scrollLeft obj.style.top = y + document.body.scrollTop x = x + step*(xin?1:-1) if (x < L) { xin = true; x = L} if (x > R){ xin = false; x = R} y = y + step*(yin?1:-1)

if (y < T) { yin = true; y = T } if (y > B) { yin = false; y = B } }

var itl= setInterval(“floatAD()”, delay)

obj.onmouseover=function(){clearInterval(itl)}

obj.onmouseout=function(){itl=setInterval(“floatAD()”, delay)} </script>

把上面的代码放在需要放置广告的页面HTML代码的<body></body>之间

—–上面的代码说明——-

http://www.***.com//换成是漂浮图片点击后出现的页面,也就是点击后出现的详细的介绍页面

http://www.***.com/copyright.gif//换成是漂浮广告图片的URL地址,最好采用绝对路径

var x = 50,y = 60 //浮动层的初始位置,分别对应层的初始X坐标和Y坐标

var xin = true, yin = true //判断层的X坐标和Y坐标是否在在控制范围之内,xin为真是层向右移动,否则向左;yin为真是层向下移动,否则向上 var step = 1 //层移动的步长,值越大移动速度越快

var delay = 10 //层移动的时间间隔,单位为毫秒,值越小移动速度越快 四、链接处变换色彩

脚本说明:

第一步:把如下代码加入<head>区域中

<SCRIPT LANGUAGE=”java – script”> <!– Begin

function initArray() {

for (var i = 0; i < initArray.arguments.length; i++) { this[i] = initArray.arguments[i]; }

this.length = initArray.arguments.length; }

var colors = new initArray( “red”,

var clocktext;

var pagetitle = document.title;

function scroll() {

today = new Date();

sec = today.getSeconds();

hr = today.getHours();

min = today.getMinutes();

if (hr <= 9) hr = “0” + hr;

if (min <= 9) min = “0” + min;

if (sec <= 9) sec = “0” + sec;

var clocktext = ” 现在时间是: ” + hr + “:” + min + “:” + sec;

clocktimer = setTimeout(“scroll()”, 1000);

document.title = pagetitle + clocktext; }

if (document.all) scroll();

// End –>

</script>

三十九、舞台光柱特效代码: <head>

<title>Untitled</title> </head>

<body bgcolor=”Black”>

<div style=”position: relative; height: 400px; width: 400px; top: 10px; left: 0px; color: White; filter: light”> <p align=”center”>

春花秋月何时了,往事知多少

</p>

<p align=”center”> <br>

小楼昨夜又东风 </p>

<p align=”center”> <br>

故国不堪回首月明中。 </p>

<p align=”center”> <br>

雕栏玉砌应犹在,只是朱颜改。 </p>

<p align=”center”> 问君能有几多愁, </p>

<p align=”center”> <br>

恰似一江春水向东流。<br> </p> </div>

<script language=”VBScript”> Option Explicit sub window_OnLoad()

call myLightObject.filters.light(0).addambient(0,0,255,30) call

myLightObject.filters.light(0).addcone(400,400,200,100,100,200,204,200,80,10) end sub

sub document_onMouseMove() call

myLightObject.filters.light(0).MoveLight(1,window.event.x,window.event.y,0,1) end sub </script>

</body> </html>

在具体应用中初学者或多或少的有些难度,建议先从一些简单的代码做,在熟悉和认知规律后在做一些较复杂的。

<TABLE id=__01 height=203 cellSpacing=0 cellPadding=0 width=950 align=center border=0> <TBODY>

<TR> <TD rowSpan=2><img height=57 alt=”” src=”http://www.amaomb.com/taobao/images/tcx002_01.gif” width=132></TD> <TD vAlign=bottom background=http://www.amaomb.com/taobao/images/tcx002_02.gif colSpan=5 height=32>

<MARQUEE scrollAmount=2>这里输入您想输入的文字内容!</MARQUEE></TD> <TD rowSpan=2><img height=57 alt=”” src=”http://www.amaomb.com/taobao/images/tcx002_03.gif” width=70></TD></TR> <TR> <TD colSpan=5><img height=25 alt=”” src=”http://www.amaomb.com/taobao/images/tcx002_04.gif” width=748></TD></TR> <TR>

<TD colSpan=2>

<TD><img height=145 alt=”” src=”http://www.amaomb.com/taobao/images/tcx002_06.gif” width=12></TD>

<TD><img height=145 alt=”” src=”http://www.amaomb.com/taobao/images/tcx002_08.gif” width=11></TD> <TD colSpan=2> <TR>

<TD><img height=1 alt=”” src=”http://www.amaomb.com/taobao/images/分隔符.gif” width=132></TD>

<TD><img height=1 alt=”” src=”http://www.amaomb.com/taobao/images/分隔符.gif” width=177></TD>

<TD><img height=1 alt=”” src=”http://www.amaomb.com/taobao/images/分隔符.gif” width=12></TD>

<TD><img height=1 alt=”” src=”http://www.amaomb.com/taobao/images/分隔符.gif” width=308></TD>

<TD><img height=1 alt=”” src=”http://www.amaomb.com/taobao/images/分隔符.gif” width=11></TD>

<TD><img height=1 alt=”” src=”http://www.amaomb.com/taobao/images/分隔符.gif” width=240></TD>

<TD><img height=1 alt=”” src=”http://www.amaomb.com/taobao/images/分隔符.gif” width=70></TD></TR></TBODY></TABLE>

发表评论

登录后才能评论