淘宝店铺装修常用代码手册

淘宝网店铺装修宝典——附录2店铺装修常用代码人民邮电出版社店铺装修常用代码淘宝店铺中，描述模板、公告栏、促销区等区域都可以编写HTML代码。因此，对于HTML代码的了解和掌握非常重要，笔者根据店铺装修中的常用功能，收集了以下代码标签，可以快速掌握HTML代码标签的使用。HTML基础知识HTML的英文全称是HypertextMarkedLanguage，中文叫做“超文本标记语言”，和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。一个HTML文件的后縀名是.htm或者是.html。在淘宝店铺中描述模板、公告栏、促销区等编写的源文件就是由HTML编写的网页代码。推荐使用Dreamweaver进行代码编辑，因为它是所见即所得的编辑HTML的优秀软件。1．HTML文件基本架构HTML文件开始HEAD标头区开始TITLE.../TITLE标题区/HEAD标头区结束BODY本文区开始文本区内容/BODY本文区结束/HTML文件结束其中：HTML网页文件格式。HEAD标头区：记录文件基本资料，如作者、编写时间等信息。TITLE标题区：文件标题须使用在标头区内，可以在浏览器昀上面看到标题。BODY本文区：文件资料，即在浏览器上看到的网站内容，也是要复制、粘贴到店铺装修中的源文件。2．HTML元素HTML元素是用来标记文本，表示文本的内容。比如body，p，title就是HTML元素。HTML元素用Tag表示，Tag以“”开始，以“”结束。Tag通常是成对出现的，比如body/body。起始的叫做OpeningTag，结尾的就叫做ClosingTag。目前HTML的Tag不区分大小写的。比如，HTML和html其实是相同的。3．HTML元素的属性HTML元素可以拥有属性，属性可以扩展HTML元素的能力。比如可以使用一个bgcolor属性，使得页面的背景色成为红色，像这样：bodybgcolor=red再比如，可以使用border这个属性，将一个表格设成一个无边框的表格：tableborder=0淘宝网店铺装修宝典——附录2店铺装修常用代码人民邮电出版社．文本代码fontcolor=#666666size=4零界点设计/font说明：设定字体的大小，分绝对SIZE，如fontsize=4和相对size如：fontsize=+1。设定字体的颜色可以是颜色名称或#RRGGBB表红绿蓝强度（00暗~FF亮）。#RRGGBB所代表的是红、绿、蓝三原色，每一色由两位十六进制的数值表示（即十进制0~255）。十六进制：0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。2．图片代码imgsrc=图片地址alt=图片说明align=topborder=1说明：先把图片上传到网络相册中，将图片地址拷贝下来，替换“图片地址”文字。3．链接代码ahref=链接地址这里可以是文字或图片/a说明：将文字或图片的要指向的链接地址粘贴至“链接地址”处。4．背景音乐代码bgsoundsrc=音乐地址loop=-1/bgsound说明：loop循环，背景音乐播放次数；src文件或URL地址（可为WAV、MIDI格式）5．滚动条代码marqueebgcolor=redbehavior=alternatedirection=leftscrollamout=10scrolldelay=100width=100px零界点设计/marquee说明：behavior设定卷动方式，其中alternate为交替来回卷动；scroll为卷动（默认设置）；slide为滑动。Bgcolor是设置背景颜色；Direction是设定卷动方向；Height是高度；Loop设置循环，卷动次数（默认为无限循环）；Scrollamount设定卷动距离；Scrolldelay设定卷动时间；Truespeed设定卷动速度；Width是宽度。常用源代码1．分时问候scriptlanguage=JavaScript!--varmess1=;document.write(centerfontcolor='#0000FF'size=4b)day=newDate()hr=day.getHours()if((hr=0)&&(hr=4))淘宝网店铺装修宝典——附录2店铺装修常用代码人民邮电出版社=深夜了，注意身体，该休息了！if((hr=4)&&(hr7))mess1=清晨好，这麽早就上网呀？！if((hr=7)&&(hr12))mess1=早上好，一天之际在于晨，又是美好的一天！if((hr=12)&&(hr=13))mess1=该吃午饭啦！有什麽好吃的？if((hr=13)&&(hr=17))mess1=外面的天气很热吧?！心静自然凉！if((hr=17)&&(hr=18))mess1=太阳落山了！快看看夕阳吧！if((hr=18)&&(hr=19))mess1=吃过晚饭了吗？if((hr=19)&&(hr=23))mess1=一天过的可真快！今天过的好吗？document.write(mess1)document.write(/b/font/center)//---/script说明：将代码放至body…/body之间，其中：if((hr=0)&&(hr=4))mess1=深夜了，注意身体，该休息了！在0-4点间，出现“深夜了，注意身体，该休息了！”字样，依此类推。2．图片淡入淡出scriptlanguage=JavaScriptvarb=1;varc=true;functionfade(){if(document.all);if(c==true){b++;}if(b==100){b--;c=false}if(b==10){b++;c=true;}if(c==false){b--;}child.filters.alpha.opacity=0+b;setTimeout(fade(),100);}/scriptimgsrc=img/1.jpgname=childborder=0alt=Imagestyle=filter:alpha(opacity=0)说明：将代码放至body…/body之间要显示该图片的位置，其中：imgsrc=img/1.jpgname=childstyle=filter:alpha(opacity=0)表示插入一个文件名为“1.jpg”的图片，设置其透明度为0，根据插入的图片路径进行修改。3．闪烁文字scriptlanguage=javascript!--functioninitArray(){淘宝网店铺装修宝典——附录2店铺装修常用代码人民邮电出版社=initArray.arguments.length;for(vari=0;ithis.length;i++){this[i]=initArray.arguments[i];}}varctext=看看我，我会变色;varspeed=1000;varx=0;varcolor=newinitArray(red,blue,green,black,yellow,pink);if(navigator.appVersion.indexOf(MSIE)!=-1){document.write('divid=ccenter'+ctext+'/center/div');}functionchcolor(){if(navigator.appVersion.indexOf(MSIE)!=-1){document.all.c.style.color=color[x];}(xcolor.length-1)?x++:x=0;}setInterval(chcolor(),1000);--/script说明：将代码放至body…/body之间要显示闪烁文字的位置，其中：varctext=看看我，我会变色;输入要显示的闪烁文字。4．图形跟随鼠标scriptlanguage=JavaScriptvarnewtop=0varnewleft=0if(navigator.appVersion.indexOf(MSIE)!=-1){layerStyleRef=layer.style.;layerRef=document.all;styleSwitch=.style;}functiondoMouseMove(){layerName='iit'eval('varcurElement='+layerRef+'['+layerName+']')eval(layerRef+'['+layerName+']'+styleSwitch+'.visibility=hidden')eval('curElement'+styleSwitch+'.visibility=visible')eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth')eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight')eval('height=curElement'+styleSwitch+'.height')eval('width=curElement'+styleSwitch+'.width')width=parseInt(width)height=parseInt(height)if(event.clientX(document.body.clientWidth-5-width)){newleft=document.body.clientWidth+document.body.scrollLeft-5-width}else{淘宝网店铺装修宝典——附录2店铺装修常用代码人民邮电出版社=document.body.scrollLeft+event.clientX}eval('curElement'+styleSwitch+'.pixelLeft=newleft')if(event.clientY(document.body.clientHeight-5-height)){newtop=document.body.clientHeight+document.body.scrollTop-5-height}else{newtop=document.body.scrollTop+event.clientY}eval('curElement'+styleSwitch+'.pixelTop=newtop')}document.onmousemove=doMouseMove;/scriptscriptlanguage=javascriptif(navigator.appVersion.indexOf(MSIE)!=-1){document.write('divID=OuterDiv')document.write('imgID=iitsrc=images/rabbit.gifSTYLE=position:absolute;TOP:0pt;LEFT:0pt;Z-INDEX:2;visibility:hidden;')document.write('/div')}/script说明：将代码放至body…/body之间，效果与动画鼠标类似，该代码是在鼠标指