2020較完整淘寶店鋪裝修代碼
淘寶裝修過程中我們不僅要回p圖，更重要的是要會看到代碼，畢竟我們在裝修淘寶店后是用前端顯示了，能看懂和運營代碼尤其重要.
一、 插入圖片代碼：
<img src="圖片鏈接地址" />
注：先把圖片上傳到網絡相冊網絡地址(如果你沒有網絡相冊可以申請一個)，把它拷貝下來，放到下邊一串代碼里替代漢字部分；可以應用于公告欄、分類欄及寶貝描述內。
二、插入公告欄掛飾代碼：
<img src="圖片鏈接地址" style="left:20px; position: relative; top:0px" />
注：先把掛飾圖片上傳到網絡相冊；可以應用于公告欄、分類欄及寶貝描述內。
三、背景音樂代碼：
< loop="-1" src="音樂地址"></ >
注：先把掛飾圖片上傳到網絡相冊；可以應用于公告欄、寶貝描述內。
三、在圖片里附加音樂的辦法：
<img border=0 src="圖片地址" dynsrc=音樂地址>
四、浮動的圖片的代碼：
＜img alt="1" height="150" src="這里放圖片地址"/＞
五、懸浮掛飾代碼：
＜img src="這里放圖片地址" style="left:20px; position: relative; top:0px" /＞
六、文字鏈接代碼:
＜a href="網頁地址"＞鏈接的文字＜/a＞
七、移動文字代碼:
＜marquee＞從右到左移動的文字＜/marquee＞
八、計數器代碼
<a href="http://00counter.com" target="_blank"><img src="計數器地址"border=0
alt="00Counter.com"></a>
九、店鋪公告里的漂亮懸浮掛件的代碼：
<marquee style="position:relative;" ="this.stop()" ="this.start()" scrollamount="1" scrolldelay="85" direction="up" behavior="scroll" height="60">
<img src="加入你自己的圖片地址" />
十、店鋪公告添加個性的鼠標指針代碼：
<table style="CURSOR: url('上傳后的鼠標指針的網址')"><tr><td>
<table border="0" style="TABLE-LAYOUT: fixed">
十一、寶貝描述加上個性的鼠標指針代碼
先選“編輯源文件” ，然后復制以下代碼：
<table width="100%" style="CURSOR: url('這里是已上傳的鼠標指針網址')">
<tr>
<td width="100%">
另外，還要在源文件底部輸入代碼：</td></tr></table>
十二、添加QQ在線交談代碼：
<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=41826029&Site=www.goodcup.bokee.com&Menu=yes>
<img border="0" SRC=http://wpa.qq.com/pa?p=1:41826029:7 alt="點擊這里給我發消息"></a>
注: 這是QQ在線狀態的代碼，里面的數值要改變，號碼和網址改為你自己的，這個鏈接的作用是別人可以直接點擊聯系你而無需加你為好友，使用方法是直接鏈接。
十三、下面的代碼設置在一定區域內讓文字向上滾：“scrollamount=”可改變速度。
<font size=3 color=ff0000><b><center><marquee width=150 height=100 direction=up
scrollamount=2>文字</marquee></font></b></center>
十四、添加旺旺在線代碼：
<A href="wangwang:SendIM?yexiaoyewen&uid_t=yexiaoyewen"><IMG src=
"http://pics. /newstyle/online_pic.gif" border=0></A>
十五、插入-FLASH動畫：
< src="http://cartoonfile.163.com/source/55095/mingzzd" width="400"height="290"></ >
十六、讓文字左右來回流動：
<marquee behavior="alternate">88亮荘</marquee>
十七、讓文字由下至上滾動：
<marquee direction="up">88亮荘</marquee>
十八、讓文字由左向右流動：
<marquee direction="right">88亮荘</marquee>
十九、如何讓文字滾動起來：
<marquee>88亮荘</marquee>
常用源代碼
1．分時問候
<script language="JavaScript">
<!--
var mess1="";
document.write("<center><font color='#0000FF' size=4><b>")
day = new Date( )
hr = day.getHours( )
if (( hr >= 0 ) && (hr <= 4 ))
mess1="深夜了，注意身體，該休息了！"
if (( hr >= 4 ) && (hr < 7))
mess1="清晨好，這麼早就上網呀？！ "
if (( hr >= 7 ) && (hr < 12))
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>之間，其中：
在0-4點間，出現“深夜了，注意身體，該休息了！”字樣，依此類推。
2．圖片淡入淡出
var b = 1;
var c = true;
function fade(){
if(document.all);
if(c == true) {
b++;
}
if(b==100) {
b--;
c = false
if(b==10) {
c = true;
if(c == false) {
child.filters.alpha.opacity=0 + b;
setTimeout("fade()",100);
<img src="img/1.jpg" name="child" border=0
alt="Image" style="filter:alpha(opacity=0)">
說明：將代碼放至<body>…</body>之間要顯示該圖片的位置，其中：
<img src=img/1.jpg name=child style="filter:alpha(opacity=0) ">
表示插入一個文件名為“1.jpg”的圖片，設置其透明度為0，根據插入的圖片路徑進行修改。
3．閃爍文字
<script language=javascript>
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
var ctext = "看看我，我會變色";
var speed = 1000;
var x = 0;
var color = new initArray(
"red",
"blue",
"green",
"black",
"yellow",
"pink");
if (navigator.appVersion.indexOf("MSIE") != -1)
{
document.write('<div id="c"><center>'+ctext+'</center></div>');
function chcolor()
document.all.c.style.color = color[x];
(x < color.length-1) ? x++ : x = 0;
setInterval("chcolor()",1000);
-->
說明：將代碼放至<body>…</body>之間要顯示閃爍文字的位置，其中：
輸入要顯示的閃爍文字。
4．圖形跟隨鼠標
var newtop=0
var newleft=0
if (navigator.appVersion.indexOf("MSIE") != -1) {
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
function doMouseMove() {
layerName = 'iit'
eval('var curElement='+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
newleft=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
newtop=document.body.scrollTop + event.clientY
eval('curElement'+styleSwitch+'.pixelTop=newtop')
document.onmousemove = doMouseMove;
<script language="javascript">
document.write('<div ID=OuterDiv>')
document.write('<img ID=iit src="images/rabbit.gif" STYLE="position:absolute;TOP:0pt;LEFT:0pt;Z-INDEX:2;visibility:hidden;">')
document.write('</div>')
說明：將代碼放至<body>…</body>之間，效果與動畫鼠標類似，該代碼是在鼠標指針旁邊跟隨一張圖片，其中：
document.write('<img ID=iit src="images/rabbit.gif"
rabbit.gif為上傳后的圖形名稱
5．滾動顯示圖片
<script language="JavaScript1.2">
var scrollerwidth=64
var Scrollerheight=64
var scrollerbgcolor='white'
var pausebetweenimages=3000
var slideimages=new Array()
slideimages[0]='<a href=#; img src=img/logo1.gif; border=0;'
slideimages[1]='<a href=#; img src=img/logo2.gif; border=0;'
slideimages[2]='<a href=#; img src=img/logo3.gif; border=0;'
slideimages[3]='<a href=#; img src=img/logo4.gif; border=0;'
slideimages[4]='<a href=#; img src=img/logo5.gif; border=0;'
if (slideimages.length>1)
i=2
i=0
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",100)
else{
tlayer.top=scrollerheight
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i++
function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",100)
tlayer2.top=scrollerheight
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("move3(tdiv)",100)
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=slideimages[i]
function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("move4(second2)",100)
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=slideimages[i]
function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
else if (document.layers){
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
window.onload=startscroll
//-->
<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgcolor=&{scrollerbgcolor};>
<layer id="first" left=0 top=1 width=&{scrollerwidth};>
if (document.layers)
document.write(slideimages[0])
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
document.write(slideimages[1])
</ilayer>
<p>
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.writeln('</span>')
說明：將代碼放至<body>…</body>之間要滾動顯示圖片的位置，其中：
logo1.gif、logo2.gif、logo3.gif、logo4.gif、logo5.gif為滾動顯示的5張圖片。該滾動顯示圖片的效果與滾動字幕略有不同，每顯示一張圖片會略有停頓，方便瀏覽。
6．隨機產生的圖片
a = 3
var pp = Math.random();
var foot = Math.round(pp * (a-1))+1;
function create() {
this.src = ''
this.border = ''
this.alt = ''
b = new Array()
for(var i=1; i<=a; i++) { b[i] = new create() }
b[1].src = "img/4.jpg"
b[1].border = "0"
b[1].alt = ""
b[2].src = "img/2.jpg"
b[2].border = "0"
b[2].alt = ""
b[3].src = "img/3.jpg"
b[3].border = "0"
b[3].alt = ""
var pic = "";
pic += '<img src='+b[foot].src+' border="0"'+' alt='+b[foot].alt+'>';
document.write(pic)
說明：將代碼放至<body>…</body>之間要顯示圖片的位置，每次刷新網頁都會隨機顯示不同的圖片，其中：2.jpg、3.jpg、4.jpg為該實例中顯示的圖片名稱，請更換為你需要顯示的圖片名稱。
導航代碼
.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}
/*首頁/店鋪動態背景色*/
.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #FFFFFF;}
/*首頁/店鋪動態右邊線*/
.skin-box-bd .menu-list .menu{border-right:1px #006205solid;}
/*首頁/店鋪動態文字顏色*/
.skin-box-bd .menu-list .menu .title{color: #9F5F9F}
/*所有分類背景色*/
.all-cats .link{background: none repeat scroll 0 0 #FF00FF;}
/*所有分類右邊線*/
.all-cats .link{border-right:1px #8C7853 solid;}
/*所有分類文字顏色*/
.skin-box-bd .all-cats .title{color: #FFFF00}
本文經授權由HiMall多用戶商城網站發布，轉載聯系作者并注明出處：http://www.ywd43.com/news/2158.html 《免責聲明》如對文章、圖片、字體等版權有疑問，請聯系我們 。
多用戶商城平臺系統