淘宝店铺装修代码大全--店铺公告、店铺类目、背景

店铺装修代码

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="" 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

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>之间

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

换成是漂浮图片点击后出现的页面,也就是点击后出现的详细的介绍页面 换成是漂浮广告图片的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",

"blue",

"green",

"purple",

"black",

"tan",

"yellow",

"lime",

"coral",

"palegreen",

"silver",

"gold",

"red";

delay = .5; // seconds

link = 0;

vlink = 0;

function linkDance() {

link = (link+1)%colors.length;

vlink = (vlink+1)%colors.length;

document.linkColor = colors[link]; document.vlinkColor = colors[vlink];

setTimeout("linkDance()",delay*1000);

}

linkDance();

// End -->

</script>

那么链接处就会出现彩色字体

注意:不能在<style>中定义好链接颜色

五、增强被搜索的机会(把自己的小店或网站最快推广的方法之一) http://www.***.com/intl/zh-CN/add_url.html

http://www.***.com/search/url_submit.html

http://www.***.com/regurl/regform.asp

http://www.***.com/search_submit.html

六、缩短网址最佳利器:http://www.***.com/

七、计数器申请网站:http://www.***.com/

八、插入图片:<img border="0" src="图片地址" />

九、插入公告图片:<img src="公告图片地址"/>

十、插入公告挂饰:<img src="图片地址" style="left:20px; position: relative; top:0px" />

☆把挂饰图片上传到网络相册里哦!!!!,

然后点击图片放大,在大图中鼠标右键选择属性,在属性中有网络地址,把它拷贝下来,

放到下边一串代码里替代汉字部分!!!

<img src="图片地址" style="left:20px; position: relative; top:0px" />

再打开我的店铺管理把这段代码放在店铺公告最后就可以啦,你就可以在你的店铺里看见挂饰了。☆

十一、店铺分类代码:<IMG src="图片地址">

十二、背景音乐代码:

<bgsound loop="-1" src="音乐地址"></bgsound>

提供一些常用的钢琴曲或音乐(自己重新选择添加音乐的时候,可以在WWW。BAIDU.COM中搜索MP3等,在出现播放器在播放你需要的音乐时,用鼠标左键选中该播放器,全部选中后,点右键选择“属性”,里面的地址才是歌曲的链接地址)

秋日的私语http://www.***.com/info/xxyz/images/piano/06.MP3 致爱丽丝http://www.***.com/NT/DISCOL/lj33/music/music6.mp3

一路上有你http://www.***.com/sing/web/music/200532822653_6052.mp3 鸟鸣:

http://www.***.com/download_010/604632/YM-%B4%D4%C1%D6%C4%F1%C3%F9.mp3

http://www.***.com/audio/upload/674000/zhuo_qiang_moblog_1111740438_1829.mp3

水边的阿狄丽娜http://www.***.com/images/abcd.mp3

古筝梅花三弄http://www.***.com/ART/MUSIC/MUSIC/chuizou/meihua.mp3 http://www.***.com/sunshine/webw/2.8/files/赵咏华-最浪漫的事.mp3 古筝:鸭戏水

http://www.***.com/xiaoxuejiaoyan/xuekedaohang/music/file-5/text2/nusic/gu5.mp3

http://www.***.com/soft/枉凝眉.mp3

古筝 十送红军http://www.***.com/lkm/yyxs/gzheng/shshj.MP3

古筝弯完的月亮http://www.***.com/Mymusic/one (2006-3-19

15-33-47)/10.wma

十三、在图片里附加音乐的办法:<img border=0 src="图片地址" dynsrc=音乐地址>

十四、浮动的图片的代码:</td></tr></table>;<img alt="1" height="150" src="图片地址"

十五、添加QQ在线::<a class='qqa' target=blank

href='http://www.***.com/msgrd?V=1&Uin=320001031&Site=在线咨询&Menu=no' title='在线即时交谈'><img

src=http://www.***.com/qqimages/QQonline.gif border=0

align=middle>320001031</a>

十六、添加WW在线:<A

href="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMG

src="http://www.***.com/newstyle/online_pic.gif" border=0></A>

十七、下面的代码设置在一定区域内让文字向上滚:“scrollamount=”可改变速度。

<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up scrollamount=2>文字</marquee></font></b></center> 十八、插入-FLASH动画

<embed src="http://www.***.com/source/55095/mingzzd"

width="400"height="290"></embed>

十九、让文字左右来回流动:<marquee behavior="alternate">我淘心情你淘宝贝</marquee>

三十六、保护自己的页面不被别人放在框架中:

<Script LANGUAGE="java - script">

if(self!=top){top.location=self.location;}

</script>

三十七、状态栏出现打字效果特效代码:

要完成此效果需要两个步骤

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

<SCRIPT LANGUAGE="java - script">

<!-- Begin

var msg = "Welcome To The java - script Fairyland";

var chars = msg.length + 1;

var updateStatus = "";

var i = 0;

function statusMessage() {

if (i < chars) setTimeout("nextLetter()", 300);

}

function nextLetter() {

updateStatus = msg.substring(0,i) + '_';

window.status = updateStatus;

i++;

statusMessage();

}

// End -->

</script>

第二步:把“onLoad="statusMessage()"”加在<body>标记里

例如:<body _disabledevent="statusMessage()">

三十八、在标题栏显示时间特效代码

完成此效果把如下代码加入到<body>区域中

<SCRIPT LANGUAGE="java - script">

<!-- Begin

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>

淘宝店铺装修代码大全店铺公告店铺类目背景

<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="/taobao/images/tcx002_01.gif" width=132></TD>

<TD vAlign=bottom background=/taobao/images/tcx002_02.gif colSpan=5 height=32>

<MARQUEE scrollAmount=2>这里输入您想输入的文字内容!</MARQUEE></TD> <TD rowSpan=2><img height=57

src="/taobao/images/tcx002_03.gif" width=70></TD></TR> <TR>

<TD colSpan=5><img height=25

src="/taobao/images/tcx002_04.gif" width=748></TD></TR> <TR>

<TD colSpan=2>

<TD><img height=145 alt="" src="/taobao/images/tcx002_06.gif" width=12></TD>

<TD><img height=145 alt="" src="/taobao/images/tcx002_08.gif" width=11></TD>

<TD colSpan=2>

<TR>

<TD><img height=1 alt="" src="/taobao/images/分隔符.gif" width=132></TD>

<TD><img height=1 alt="" src="/taobao/images/分隔符.gif" width=177></TD>

<TD><img height=1 alt="" src="/taobao/images/分隔符.gif" width=12></TD>

<TD><img height=1 alt="" src="/taobao/images/分隔符.gif" width=308></TD>

<TD><img height=1 alt="" src="/taobao/images/分隔符.gif" width=11></TD>

<TD><img height=1 alt="" src="/taobao/images/分隔符.gif" width=240></TD>

<TD><img height=1 alt="" src="/taobao/images/分隔符.gif" width=70></TD></TR></TBODY></TABLE> alt="" alt=""

相关推荐