淘宝店铺装修代码大全(淘宝店铺首页装修代码)
店铺装修代码
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="这里放图片地址"/>
一、背景上显示时钟:
<p
style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></p>
<p
style="position:absolute;visibility:visible;font-family:Arial;colorDDDDD;font-size:120px;top:100px;left:150px"></p>
<p style="position:absolute; visibility:visible">
</p>
二、添加背景花瓣效果
<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>
三、漂浮广告代码
<p style="position:absolute"> <a href= target="_blank">
<img src="http://www.***.com/copyright.gif" border="0"> </a></p> <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">
<p 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> </p>
<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>