淘宝店铺装修代码全集2014

淘宝店铺装修代码大全我也一直在装修中，虽然也有一些CSS和网页制作的经验不过网上的资料太乱，头疼无比。。才想要收集一下给大家参考一下，如果有什么新的也会持续更新下。。。。可能会比较乱。。大家多多包涵哈。。其它的一些免费模板可以上网搜到，为了避免说我打广告。。就不发链接了。。

一、从右向左移

代码<marqueedirection=left>需要移动的文字</marquee>

二、从左向右移

代码<marqueedirection=right>需要移动的文字</marquee>

三、一圈一圈绕着移动

代码<marqueebehavior=scroll>需要移动的文字</marquee>

四、只移动三次就停了

代码<marqueeloop=3behavior=slide>需要移动的文字</marquee>

五、移一步，停一停

代码<marqueescrolldelay=500scrollamount=100>需要移动的文字</marquee>

六、左右来回移动

代码<marqueebehavior=alternate>需要移动的文字</marquee>

七、忽隐忽现移动

代码<marqueebehavior="alternate"><marqueewidth="150"direction=right>需要移动的文字</marquee>

八、从下向上移动

代码<marqueedirection=up><divalign="center">需要移动的文字</div></marquee>

九、从上向下移动

代码<marqueedirection=down><divalign="center">需要移动的文字</div></marquee>

十、垂直往复移动

代码<marqueedirection=upbehavior=alternate><divalign="center">需要移动的文字</font></div></marquee>

十一、从左上向右下移动

代码<marqueedirection=right><marqueewidth=216direction=down>需要移动的文字</marquee>

十二、从右上向左下移动

代码<marqueedirection=left><marqueedirection=down>需要移动的文字</marquee>

十三、从左下向右上移动

代码<marqueedirection=right><marqueedirection=up>需要移动的文字</marquee>

十四、从右下向左上移动

代码<marqueedirection=left><marqueedirection=up>需要移动的文字</marquee>

十五、水平相反移动

代码<palign=center><marqueewidth="216px">需要移动的文字</marquee><marqueewidth="216px"direction=right>需要移动的文字</marquee></p>

十六、左右两边向中间移动

代码<palign=center><marqueestyle="width:216px;"direction=right>需要移动的文字</marquee><marqueestyle="width:216px;"direction=left>需要移动的文字</marquee></p>

十七、左右两边向中间来回移动

代码<MARQUEEscrollAmount=3behavior=alternatewidth="40%">左右向中间来回移动</MARQUEE><MARQUEEscrollAmount=3direction=rightbehavior=alternatewidth="40%">动移回来间中向右左</MARQUEE>

十八、从上下向中间移动

代码<p></p><center><marqueewidth=288direction=downscrollAmount=2height=50><center>需要移动的文字</center></marquee><center><marqueewidth=288direction=upscrollAmount=2height=50><center>需要移动的文字</center></marquee></center></center><p></p>

十九、从中间向上下移动

代码<p></p><center><marqueewidth=288direction=upscrollAmount=2height=50><center>需要移动的文字</center></marquee><center><marqueewidth=288direction=downscrollAmount=2height=50><center>需要移动的文字</center></marquee></center></center><p></p></marquee>

二十、上下向中间来回移动

代码<MARQUEEscrollAmount=1direction=downbehavior=alternateheight=50><DIValign=center>上下向中间来回移动</DIV></MARQUEE><MARQUEEscrollAmount=1direction=upbehavior=alternateheight=50><DIValign=center>上下向中间来回移动</DIV></MARQUEE>

二十一、上下交替移动

代码<marqueedirection=upbehavior=alternatewidth=45height=160><center>需</center></marquee><marqueedirection=upbehavior=alternatewidth=45><center>要</center></marquee><marqueedirection=upbehavior=alternatewidth=45height=160><center>移</center></marquee><marqueedirection=upbehavior=alternatewidth=45><center>动</center></marquee><marqueedirection=upbehavior=alternatewidth=45height=160><center>的</center></marquee><marqueedirection=upbehavior=alternatewidth=45><center>文</center></marquee></marquee><marqueedirection=upbehavior=alternatewidth=45height=160><center>字</center></marquee>

二十二、移动后消失

代码<marqueestyle="width:288px;height:120px"scrollAmount=5direction=up><center><div><marqueedirection=upbehavior=alternatewidth=30height=100><center>需</center></marquee><marqueedirection=upbehavior=alternatewidth=30height=110><center>移</center></marquee><marqueedirection=upbehavior=alternatewidth=30height=100><center>要</center></marquee><marqueedirection=upbehavior=alternatewidth=30height=110><center>动</center></marquee><marqueedirection=upbehavior=alternatewidth=30height=100><center>的</center></marquee><marqueedirection=upbehavior=alternatewidth=30height=110><center>字</center></marquee><marqueedirection=upbehavior=alternatewidth=30height=100><center>文</center></marquee></div></center></marquee>

二十三、波浪式移动

代码<divalign=center><marqueewidth=288filter:wave(add=0,lightstrength=50,strength=3,freq=2,来源：(/s/blog_5ec912a60100hcfa.html)-网页文字移动代码大全，很值得收藏！_阿DE小风_新浪博客phrase=10);scrollAmount=5direction=upbehavior=alternate><divalign=center><marqueescrollAmount=3behavior=altrnatewidth=216><divalign=center>需要移动的文字</div></marquee></div></marquee></div>

二十四、往复波浪式移动

代码<marqueewidth=288filter:wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10);scrollAmount=5direction=upbehavior=alternate><marqueescrollAmount=3behavior=alternatewidth=288>需要移动的文字</marquee></marquee>

二十五、交替往复波浪式移动

代码<marqueewidth=436scrollAmount=5direction=rightbehavior=alternate><marqueedirection=upbehavior=alternatewidth=50height=200align="middle">需</marquee><marqueedirection=upbehavior=alternatewidth=50height=150>的</marquee><marqueedirection=upbehavior=alternatewidth=50height=200>要</marquee><marqueedirection=upbehavior=alternatewidth=50height=150>文</marquee><marqueedirection=upbehavior=alternatewidth=50height=200>移</marquee><marqueedirection=upbehavior=alternatewidth=50height=150>字</marquee><marqueedirection=upbehavior=alternatewidth=50height=200>动</marquee></marquee>

二十六、S型移动

代码<marqueebehavior=alternatedirection=upscrollamount=2scrolldelay=65height=120style="Text-align;filter:wave(add=0,phase=1,freq=1,strength=50,color=.ffffff)"><center>需要移动的文字</center></marquee>二十七、多层多式复合移动

代码<tablebgcolor="#ffffff"><tr><tdwidth="1"valign="top"><marqueedirection="down"behavior="alternate"scrollamount=1height="120"><marqueedirection="right"scrollamount=4behavior="alternate"width="288">需要移动的文字</marquee></marquee></td><tdwidth="288"><marqueebehavior=alternatedirection=upscrollamount=2scrolldelay=65height="120"width="288"style="Text-align;filter:wave(add=1,phase=4,freq=1,strength=50)"><center>需要移动的文字</center></marquee></td></tr></table>

二十八、文字竖排渐出移动

代码<divalign=center><marqueescrollAmount=1scrollDelay=100behavior=slideloop=1width=290height=180><marqueestyle="line-height:120%;writing-mode:tb-rl"scrollAmount=1scrollDelay=100direction=upwidth=290height=180><palign=center>需要移动的字文<br>.<br>.<br>.<br>需<br>要<br>移<br>动<br>的<br>文<br>字<br>.<br>.<br>.</p></marquee></marquee></div>二十九、文字穿梭移动

代码<marqueescrollAmount=2width=30height=20>文    文</marquee>&nbsp;   <marqueescrollAmount=2width=30height=20>字    字</marquee>&nbsp;   <marqueescrollAmount=2width=30height=20>穿    穿</marquee>&nbsp;   <marqueescrollAmount=2width=30height=20>梭    梭</marquee>    参数的含义align：是设定活动对象(图片或文字)的位置。direction：用于设定活动对象的移动方向。behavior="scroll"表示由一端移动到另一端。behavior="slide"表示由一端移动到另一端，且不再重复。behavior="alternate"表示在两端之间来回移动。height：用于设定移动对象的高度。width：则设定移动对象的宽度。hspace:用于设定移动对象的左右边框宽度。vspace：上下边框的宽度。scrollamount：用于设定活动对象的移动距离，数值越大移动越快。scrolldelay：用于设定移动两次之间的延迟时间，数值越大越有跳跃感。loop：用于设定移动的次数，不设置该值则为无限循环style="font-size:"用于设定文字大小。wline-htight:用于设定文字行间距。font-family:用于设定字体。<marquee>标记的默认情况是向左移动无限次，字幕高度是文本高度，移动范围：水平移动的宽度是当前位置的宽度，垂直移动的高度是当前位置的高度。字体是从右向左移动，鼠标放上面停止移动，松开继续。

<html>

<head>

<SCRIPTLANGUAGE="JavaScript">

<!--Begin

varostat=false;

functionscrollstop(){

news.scrollAmount=0;

ostat=true;

}

functionscrollplay(){

news.scrollAmount=5;

ostat=false;

}

functionscrolldir(){

mid=screen.width/2;

mouse=event.x;

if(mouse>mid){

if(ostat==false){

speed=(mouse-mid)/25;

news.scrollAmount=speed;

}

news.direction="right";

}

else{

if(ostat==false){

speed=(mid-mouse)/25;

news.scrollAmount=speed;

}

news.direction="left";

}

}

//End-->

</script>

<head/>

<body>

<marqueename=newsid=newsbehavior=scrolldirection=leftscrollamount=5scrolldelay=1hspace=0vspace=0onMouseOver="scrollstop()"onMouseOut="scrollplay()">

<b>WelcomeToTyphoonStartJavaScriptFairyland!</b>

</marquee>

</body>

</html>一、插入图片代码：

<imgsrc="图片链接地址"/>

二、插入公告栏挂饰代码：

<imgsrc="图片链接地址"style="left:20px;position:relative;top:0px"/>

三、浮动的图片的代码：

＜imgalt="1"height="150"src="这里放图片地址"/＞

四、悬浮挂饰代码：

＜imgsrc="这里放图片地址"style="left:20px;position:relative;top:0px"/＞

五、文字链接代码:

＜ahref="网页地址"＞链接的文字＜/a＞

六、移动文字代码:

＜marquee＞从右到左移动的文字＜/marquee＞

七、店铺公告里的漂亮悬浮挂件的代码：

<marqueestyle="position:relative;"rollamount="1"scrolldelay="85"direction="up"behavior="scroll"height="60">

<imgsrc="加入你自己的图片地址"/>

八、店铺公告添加个性的鼠标指针代码：

<tablestyle="CURSOR:url(''上传后的鼠标指针的网址'')"><tr><td>

<tableborder="0"style="TABLE-LAYOUT:fixed">

九、宝贝描述加上个性的鼠标指针代码

先选“编辑源文件”，然后复制以下代码：<tablewidth="100%"style="CURSOR:url(''这里是已上传的鼠标指针网址'')">

<tr>

<tdwidth="100%">

另外，还要在源文件底部输入代码：</td></tr></table>

十、添加QQ在线：<aclass=''qqa''target=blankhref=''/msgrd?V=1&Uin=320001031&Site=在线咨询&Menu=no''title=''在线即时交谈''><imgsrc=/qqimages/QQonline.gifborder=0align=middle>320001031</a>

添加旺旺在线：<Ahref="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMGsrc="

十一、下面的代码设置在一定区域内让文字向上滚：“scrollamount=”可改变速度。<fontsize=3color=ff0000><b><center><marqueewidth=150height=100direction=upscrollamount=2>文字</marquee></font></b></center>

十二、插入-FLASH动画：

<3.com/source/55095/mingzzd">/source/55095/mingzzd"width="400"height="290"></>十三、中文星期网页特效显示代码：

<t.write("<center><fontsize=+1><b>"

now=newDate()//定义新对象，new具有Date的性质

document.write("<center><small>"

if(now.getDay()==5)document.write("星期五"if(now.getDay()==6)document.write("星期六"if(now.getDay()==0)document.write("星期日"if(now.getDay()==1)document.write("星期一"if(now.getDay()==2)document.write("星期二"if(now.getDay()==3)document.write("星期三"if(now.getDay()==4)document.write("星期四"document.write("</small></center>"//--></href="/search_submit.html"><html>

<head><title>字体大小fontsize</title></head>

<body>

<p><fontsize="1">这段文字的字体大小值为1。</font></p>

<p><fontsize="2">这段文字的字体大小值为2。</font></p>

<p><fontsize="3">这段文字的字体大小值为3。</font></p>

<p><fontsize="4">这段文字的字体大小值为4。</font></p>

<p><fontsize="5">这段文字的字体大小值为5。</font></p>

<p><fontsize="6">这段文字的字体大小值为6。</font></p>

<p><fontsize="7">这段文字的字体大小值为7。</font></p>

</body>

</html>

如何让文章中的重要文字变色代码：

<fontcolor="#FF0000">我淘心情你淘宝贝</font>

颜色代码附：

1白色#FFFFFF

2红色#FF0000

3绿色#00FF00

4蓝色#0000FF

5牡丹红#FF00FF

6青色#00FFFF

7黄色#FFFF00

8黑色#000000

9海蓝#70DB93

10巧克力色#5C3317

11蓝紫色#9F5F9F

12黄铜色#B5A642

13亮金色#D9D919

14棕色#A67D3D

15青铜色#8C7853

162号青铜色#A67D3D

17士官服蓝色#5F9F9F

18冷铜色#D98719

19铜色#B87333

20珊瑚红#FF7F00

21紫蓝色#42426F

22深棕#5C4033

23深绿#2F4F2F

24深铜绿色#4A766E

25深橄榄绿#4F4F2F

26深兰花色#9932CD

27深紫色#871F78

28深石板蓝#6B238E

29深铅灰色#2F4F4F

30深棕褐色#97694F

32深绿松石色#7093DB

33暗木色#855E42

34淡灰色#545454

35土灰玫瑰红色#856363

36长石色#D19275

37火砖色#8E2323

38森林绿#238E23

39金色#CD7F32

40鲜黄色#DBDB70

41灰色#C0C0C0

42铜绿色#527F76

43青黄色#93DB70

44猎人绿#215E21

45印度红#4E2F2F

46土黄色#9F9F5F

47浅蓝色#C0D9D9

48浅灰色#A8A8A8

49浅钢蓝色#8F8FBD

59浅木色#E9C2A6

60石灰绿色#32CD32

61桔黄色#E47833

62褐红色#8E236B

63中海蓝色#32CD99

64中蓝色#3232CD

65中森林绿#6B8E23

66中鲜黄色#EAEAAE

67中兰花色#9370DB

68中海绿色#426F42

69中石板蓝色#7F00FF

70中春绿色#7FFF00

71中绿松石色#70DBDB

72中紫红色#DB7093

73中木色#A68064

74深藏青色#2F2F4F

75海军蓝#23238E

76霓虹篮#4D4DFF

77霓虹粉红#FF6EC7

78新深藏青色#00009C

79新棕褐色#EBC79E

80暗金黄色#CFB53B

81橙色#FF7F00

82橙红色#FF2400

83淡紫色#DB70DB

84浅绿色#8FBC8F

85粉红色#BC8F8F

86李子色#EAADEA

87石英色#D9D9F3

88艳蓝色#5959AB

89鲑鱼色#6F4242

90猩红色#BC1717

91海绿色#238E68

92半甜巧克力色#6B4226

93赭色#8E6B23

94银色#E6E8FA

95天蓝#3299CC

96石板蓝#007FFF

97艳粉红色#FF1CAE

98春绿色#00FF7F

99钢蓝色#236B8E

100亮天蓝色#38B0DE

101棕褐色#DB9370

102紫红色#D8BFD8

103石板蓝色#ADEAEA

104浓深棕色#5C4033

105淡浅灰色#CDCDCD

106紫罗兰色#4F2F4F

107紫罗兰红色#CC3299

108麦黄色#D8D8BF

109黄绿色#99CC32

文字加粗，倾斜的代码

文字加粗的代码是:<b>文字</b>

文字倾斜的代码是:<i>文字</i>

、换行代码

如果你想换行，需要在您想换行的位置输入<br>

这样就会分成两行显示，整个网站看起来也不会是一大片了，而是分开的

如果输入一个<br>，那就是另起一行，如果连续输入两个，<br><br>，那就会空一行

时钟在背景上显示代码

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

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

<divid="mainbody"style="position:absolute;visibility:visible">

</div>

忽视右键

<bodyoncontextmenu="returnfalse">

或

<bodystyle="overflow-y:hidden">

加入背景音乐

IE:<bgsoundsrc="*.mid"loop=infinite>

NS:<embedsrc="*.mid"autostart=truehidden=trueloop=true>

</embed>

*.mid你的背景音乐的midi格式文件

简单的window.open方法

<ahref="#"

onclick="javascript:window.open(文件路径/文件名,newwindow,

toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,

width=400,height=300);">文字或图片</a>

参数解释：

<SCRIPTLANGUAGE="javascript">js脚本开始；

window.open弹出新窗口的命令；

文件路径/文件名弹出窗口的文件名；

newwindow弹出窗口的名字（不是文件名），非必须，可用空代替；

width=400窗口宽度；

height=300窗口高度；

top=0窗口距离屏幕上方的象素值；

left=0窗口距离屏幕左侧的象素值；

toolbar=no是否显示工具栏，yes为显示；

menubar，scrollbars表示菜单栏和滚动栏。

resizable=no是否允许改变窗口大小，yes为允许；

location=no是否显示地址栏，yes为允许；

status=no是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

</SCRIPT>js脚本结束

简单的页面加密

<scriptLANGUAGE="javascript">

<!--

functionloopy(){

varsWord="";

while(sWord!="login"){sWord=prompt("请输入你的登陆密码");}

alert("登陆成功！");

}

loopy()

//-->

</script>

拉动页面时背景图不动

<style>

body{background-image:url(logo.gif);

background-repeat:no-repeat;background-position:center}

</style>

让浏览器在保存页面时保存失败

<NOSCRIPT><iframesrc="*.html"></iframe></NOSCRIPT>

随机替换图片

<script>

document.write(<imgsrc="img/+parseInt(Math.random()*(5))

+.gif"height="40"width="50">)

</script>

图片文件名为0.gif1.gif2.gif3.gif4