jshop網頁代碼分享（JShop）

本文目錄一覽：

• 1、京東收藏店鋪的代碼如何獲取
• 2、誰能給我提供一些拍拍網公告的代碼？
• 3、求個簡單javascript代碼 謝謝，網站菜單功能

京東收藏店鋪的代碼如何獲取

div class=”j-module” module-function=”follow” module-param=”{type:’shopId’,id:’店鋪ID’,node:’.item’}” style=”cursor: pointer;”

span class=”item”圖片或者文字/span

/div

誰能給我提供一些拍拍網公告的代碼？

一:背景音樂代碼 bgsound loop=”infinite” src=”這裡插入你想要的歌曲的鏈接”/bgsound 或bgsound loop=”-1″ src=”這裡插入你想要的歌曲的鏈接”/bgsound 操作方法： 第一步 選擇本帖提供的背景音樂，複製紅色部分內容； 第二步 在「我的淘寶」—「管理我的店鋪」—「基本設置」—「公告」的窗口內,點擊「編輯源文 件」後粘貼即可； 第三步 按一下「確定」按鈕，順利完成背景音樂的添加。 附部分背景音樂： 1. 命運 浪漫滿屋主題曲 韓劇 bgsound loop=”-1″ src=” ” 2. Akia California 英文歌曲bgsound loop=”-1″ src=” ” 3. 莫斯科郊外的晚上 黑鴨子 bgsound loop=”-1″ src=” 黑鴨 子/難忘的蘇聯時代/黑鴨子%20-%2005-莫斯科郊外的晚上.wma”/bgsound 4. 春江花月夜bgsound loop=”-1″ src=” ” 說明:1.如要關閉背景音樂,按ESC鍵即可. 2.如要在帖子里添加背景音樂,粘貼音樂代碼在帖子的第一句話後面即可. 注意：「音樂地址」可以在百度里搜索，百度音樂 搜索你想要的歌曲，記得要選 連接速度快的。諸位，這樣簡單的問題就不要再來問我了！：-）一般都以mid或者mp3的形式結尾 二：.掛件代碼： img alt=”1″ height=”250″ src=”掛件地址” style=”position:relative;bottom:0px;right:0px;” width=”100″ / 「掛件地址」也是用鼠標右鍵把地址複製下來就可以了。上述兩種代碼都是放入－－－「管理我的店鋪」－－－「公告欄」裏面的。操作辦法同上！ 三：添加計數器代碼： 到免費的計數器網站如 註冊一個賬號，然後登陸就可以選擇計數器了，然後在網 站地址一欄內輸入你的淘寶店鋪地址就可以了。確定後會彈出一個網頁，提示複製以下代碼，還是進入 管理我的店鋪頁面，在公告欄內粘貼已複製的代碼就可以了。 四：公告圖片的代碼： img border=”0″ src=”圖片地址” / 五：公告掛飾： img src=”圖片地址” style=”left:20px; position: relative; top:0px” / 把掛飾圖片上傳到網絡相冊里哦!!!!， 然後點擊圖片放大，在大圖中鼠標右鍵選擇屬性，在屬性中有網絡地址，把它拷貝下來， 放到下邊一串代碼里替代漢字部分!!! img src=”圖片地址” style=”left:20px; position: relative; top:0px” / 再打開我的店鋪管理把這段代碼放在店鋪公告最後就可以啦，你就可以在你的店鋪里看見掛飾了。 六：店鋪分類代碼: IMG src=”圖片地址” 七：寶貝描述個性鼠標使用方法： 1、寶貝描述編輯完成後，先點擊「編輯源文件」，在源文件頂部輸入以下代碼： table width=”100%” style=”CURSOR: url(‘這裡輸入靚靚鼠標的地址’)” tr td width=”100%” 2、在源文件底部輸入以下代碼： /td/tr/table 3、點擊「使用編輯器」，完工! 以下是比較麻煩的店鋪裝修代碼，看懂了就很好用的啦。哈哈 下面的代碼設置在一定區域內讓文字向上滾：「scrollamount=」可改變速度。 font size=3 color=ff0000bcentermarquee width=150 height=100 direction=up scrollamount=2文字/marquee/font/b/center 網頁製作代碼 embed src=” ” width=”400″height=”290″/embed —–FLASH動畫 marquee behavior=”alternate”輸入你想要的文字/marquee —–讓文字左右來迴流動 marquee direction=”up”輸入你想要的文字/marquee ——讓文字由下至上滾動 marquee direction=”right”輸入你想要的文字/marquee ——讓文字由左向右流動！ marquee輸入你想要的文字/marquee —–如何讓文字滾動起來？ 顏色代碼 衣裝盛飾（綠色） font color=”#008000″人生1/3的時間都在睡眠/font 人生1/3的時間都在睡眠（褐色） font color=”#800000″人生1/3的時間都在睡眠/font 人生1/3的時間都在睡眠（藍色） font color=”#000080″人生1/3的時間都在睡眠/font 人生1/3的時間都在睡眠（紫色） font color=”#800080″人生1/3的時間都在睡眠/font 人生1/3的時間都在睡眠（紅色） 八：文字加粗，傾斜的代碼 文字加粗的代碼是: b人生1/3的時間都在睡眠/b 文字傾斜的代碼是: i人生1/3的時間都在睡眠/i 九：文字鏈接代碼 如果您想點擊某處文字會連接到另外一個網頁的效果，這是超鏈接，代碼是這樣： a href= 店鋪首頁/a 如果要點了這個文字以後重新打開一個窗口的話，代碼是 a href= target=_blank店鋪首頁/a 十：在網站上放圖片的代碼 如果你看到一個好看的圖片想放到網站上，代碼是這樣的： img src=這裡插入你想要的圖片鏈接/img 十一：圖片鏈接網站代碼 如果要點一下圖片就能打開一個網站的鏈接代碼是這樣的： a href=” ” img src= – 2dc278330ebb8a66ee2a31f4c98a0c12.jhtml/a/img 十二：換行代碼 如果你想換行，直接用Enter鍵是不行的，需要在您想換行的位置輸入br 這樣就會分成兩行顯示 ，整個網站看起來也不會是一大片了，而是段落分明 如果輸入一個br，那就是另起一行，如果連續輸入兩個，即brbr，那就會空一行 十三：文字移動的代碼 marquee這裡寫文字/marquee 十四:移動圖片的代碼 marqueeimg src=這裡插入你的圖片鏈接 width=”180″ height=”60″/img/marquee marqueeimg src=這裡插入你的圖片鏈接 width=”180″ height=”60″/img/marquee

求個簡單javascript代碼 謝謝，網站菜單功能

不用說自己菜不菜的，能有這個學習的精神已經很值得鼓勵了

呵呵，下面，我來給你介紹幾個網站常見的菜單

第一個：仿網易的滑動門導航菜單

html xmlns=””

head

meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /

title仿網易的滑動門技術，用DIV+CSS技術實現/title

style type=”text/css”

!–

#header {

background-color: #F8F4EF;

height: 200px;

width: 400px;

margin: 0px;

padding: 0px;

border: 1px solid #ECE1D5;

font-family: “宋體”;

font-size: 12px;

}

#menu {

margin: 0px;

padding: 0px;

list-style-type: none;

}

#menu li {

display: block;

width: 100px;

text-align: center;

float: left;

margin: 0px;

padding-top: 0.2em;

padding-right: 0px;

padding-bottom: 0.2em;

padding-left: 0px;

cursor: hand;

}

.sec1 { background-color: #FFFFCC;}

.sec2 { background-color: #00CCFF;}

.block { display: block;}

.unblock { display: none;}

—

/style

/head

body

script language=javascript

function secBoard(n)

{

for(i=0;imenu.childNodes.length;i++)

menu.childNodes[i].className=”sec1″;

menu.childNodes[n].className=”sec2″;

for(i=0;imain.childNodes.length;i++)

main.childNodes[i].style.display=”none”;

main.childNodes[n].style.display=”block”;

}

/script

div id=”header”

ul id=”menu”

li onMouseOver=”secBoard(0)” class=”sec2″最新新聞/li

li onMouseOver=”secBoard(1)” class=”sec1″最新文章/li

li onMouseOver=”secBoard(2)” class=”sec1″最新日誌/li

li onMouseOver=”secBoard(3)” class=”sec1″論壇新帖/li

/ul

!–內容顯示區域–

ul id=”main”

li class=”block”第一個內容/li

li class=”unblock”第二個內容/li

li class=”unblock”第三個內容/li

li class=”unblock”第四個內容/li

/ul

!–內容顯示區域–

/div

/body

/html

這裡基本上是使用Css與Div的結合，在整個布局中已層為單位，實行滑動菜單的是一個javascript腳本函數，調用就可以了，看不懂不要緊，日漸積累才是重要

第二個：經典實用的觸髮型導航（這是鼠標單擊事件控制）

html

head

meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″

title網頁特效代碼|JsCode.CN|—經典實用的觸髮型導航菜單/title

/head

body

STYLE type=text/css.sec1 {

BORDER-RIGHT: gray 1px solid; BORDER-TOP:

#ffffff 1px solid; BORDER-LEFT: #ffffff 1px

solid; CURSOR: hand; COLOR: #000000; BORDER-

BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR:

#eeeeee

}

.sec2 {

BORDER-RIGHT: gray 1px solid; BORDER-TOP:

#ffffff 1px solid; FONT-WEIGHT: bold; BORDER-

LEFT: #ffffff 1px solid; CURSOR: hand; COLOR:

#000000; BACKGROUND-COLOR: #d4d0c8

}

.main_tab {

BORDER-RIGHT: gray 1px solid; BORDER-

LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-

BOTTOM: gray 1px solid; BACKGROUND-COLOR: #d4d0c8

}

/STYLE

!–JavaScript部分–

SCRIPT language=javascript

function secBoard(n)

{

for(i=0;isecTable.cells.length;i++)

secTable.cells

[i].className=”sec1″;

secTable.cells[n].className=”sec2″;

for(i=0;imainTable.tBodies.length;i++)

mainTable.tBodies

[i].style.display=”none”;

mainTable.tBodies

[n].style.display=”block”;

}

/SCRIPT

!–HTML部分–

TABLE id=secTable cellSpacing=0 cellPadding=0 width=549 border=0

TBODY

TR align=middle height=20

TD class=sec2 onclick=secBoard(0) width=”10%”關於TBODY標記/TD

TD class=sec1 onclick=secBoard(1) width=”10%”關於cells集合/TD

TD class=sec1 onclick=secBoard(2) width=”10%”關於tBodies集合/TD

TD class=sec1 onclick=secBoard(3) width=”10%”關於display屬性/TD/TR/TBODY/TABLE

TABLE class=main_tab id=mainTable height=240 cellSpacing=0 cellPadding=0 width=549 border=0!–關於TBODY標記–

TBODY style=”DISPLAY: block”

TR

TD vAlign=top align=middleBRBR

TABLE cellSpacing=0 cellPadding=0 width=490 border=0

TBODY

TR

TD指定行做為表體。

BR注釋：TBODY要素是塊要素，並且需要結束標

簽。BR 即使如果表格沒有顯式定義TBODY

要素，該要素也提供給所有表。BRBR

參考：《動態HTML參考和開發應用大全》（人民郵電出

版社

Microsoft Corporation著

北京華中興業科技發展有限公司

譯）

BRBR/TD/TR/TB

ODY/TABLE/TD/TR/T

BODY!–關於cells集合–

TBODY style=”DISPLAY:

none”

TR

TD vAlign=top

align=middleBRBR

TABLE cellSpacing=0

cellPadding=0 width=490 border=0

TBODY

TR

TD檢索錶行或者整個

表中所有單元格的集合。BR應用於TR、TABLE。

BRBR參考：《動態HTML參考和開發應

用大全》（人民郵電出版社

Microsoft Corporation著

北京華中興業科技發展有限公司

譯）

BRBR/TD/TR/TB

ODY/TABLE/TD/TR/T

BODY!–關於tBodies集合–

TBODY style=”DISPLAY:

none”

TR

TD vAlign=top

align=middleBRBR

TABLE cellSpacing=0

cellPadding=0 width=490 border=0

TBODY

TR

TD檢索表中所有TBODY

對象的集合。對象在該集合中按照HTML源順序排列。

BR應用於TABLE。BRBR參考：

《動態HTML參考和開發應用大全》（人民郵電出版社

Microsoft Corporation著

北京華中興業科技發展有限公司

譯）

BRBR/TD/TR/TB

ODY/TABLE/TD/TR/T

BODY!–關於display屬性–

TBODY style=”DISPLAY:

none”

TR

TD vAlign=top

align=middleBRBR

TABLE cellSpacing=0

cellPadding=0 width=490 border=0

TBODY

TR

TD設置或者檢索對象

是否被提供。BR可能的值為block、none、

inline、list-item、table-header-group、table-

footer-group。BR該特性可讀寫，塊要素默認

值為block，內聯要素默認值為inline；層疊樣式表

（CSS）屬性不可繼承。BRBR參考：《

動態HTML參考和開發應用大全》（人民郵電出版社

Microsoft Corporation著

北京華中興業科技發展有限公司譯）

BRBRA

href=”” target=_blank點擊此處

/A可參閱微軟A href=”” target=_blankMSDN在線/A上的解釋。

/TD/TR/TBODY/TABLE

;/TD/TR/TBODY/TABLEg

t;/body

/html

這裡跟上面不同的區別在與這是鼠標移動和滑動的事件區別！

第三個：仿拍拍的切換效果菜單（裏面的圖片是我放上去的，所以會看不到圖片的，呵呵 繼續）

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”

html xmlns=”” lang=”zh-CN”

head

meta http-equiv=”Content-Language” content=”zh-cn” /

meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /

meta name=”robots” content=”all” /

title網頁特效|網頁特效代碼(JsHtml.cn)—仿拍拍paipai.com首頁產品圖片隨機輪顯切換效果/titlestyle

body {font-size:12px}

img {border:0px}

#sale{right:206px;top:0;width:260px;background:#fff}

#saleTitle{text-align:right;padding-top:5px;padding-right:5px;width:255px;height:20px;background:url(“images/saleTitle.gif”) no-repeat}

#saleList{margin-top:5px}

#saleList .saleTwo{height:108px;background:url(“images/salelineH.gif”) bottom repeat-x;}

#saleList a{display:block;height:108px;width:86px;text-align:center;float:left;overflow:hidden}

#saleList a.saleItem{background:url(“images/salelineV.gif”) right repeat-y;}

#saleList a img{margin:5px 0}

#saleList a:hover{background-color:#EBFFC5}

/style

script type=”text/javascript”

rnd.today=new Date();

rnd.seed=rnd.today.getTime();

function rnd(){

rnd.seed = (rnd.seed*9301+49297) % 233280;

return rnd.seed/(233280.0);

}

function rand(number){

return Math.ceil(rnd()*number)-1;

}

function nextSale(order){

if(order==”up”) saleNum–;

else saleNum++;

if(saleNum2) saleNum=0

else if(saleNum0) saleNum=2;

//alert(saleNum);

for(i=0;i3;i++)

document.getElementById(“saleList”+i).style.display=”none”;

document.getElementById(“saleList”+saleNum).style.display=””;

}

/script

/head

body

div id=”sale” class=”absolute overflow”

div id=”saleTitle” class=”absolute”

a href=”javascript:nextSale(‘up’)” title=”點擊到上一屏”

img src=”images/saleFore.gif” hspace=”4″ onmouseover=”this.src=’images/saleForeOver.gif'” onmouseout=”this.src=’images/saleFore.gif'” //aa href=”javascript:nextSale(‘down’)” title=”點擊到下一屏”img src=”images/saleNext.gif” onmouseover=”this.src=’images/saleNextOver.gif'” onmouseout=”this.src=’images/saleNext.gif'” //a/div

div class=”overflow” style=”height:330px” id=”saleList”

script type=”text/javascript”var saleNum=rand(3);/script

div id=”saleList0″ style=”display:none”

div class=”saleTwo”

a class=”saleItem” href=”” target=”_blank”

div

img alt=”聖誕浪漫飾品超級大促” src=”/jsimages/UploadFiles_3321/200804/20080423085515804.jpg” width=”65″ height=”65″ //div

div

聖誕浪漫飾品br /

超級大促/div

/a

a class=”saleItem” href=”” target=”_blank”

div

img alt=”攝像頭集結號給你新的感覺” src=”/jsimages/UploadFiles_3321/200804/20080423085516472.jpg” width=”65″ height=”65″ //div

div

攝像頭集結號br /

給你新的感覺/div

/aa href=”” target=”_blank”

div

img alt=”好感度提升韓版娃娃裝” src=”/jsimages/UploadFiles_3321/200804/20080423085516162.jpg” width=”65″ height=”65″ //div

div

好感度提升br /

韓版娃娃裝/div

/a/div

div class=”saleTwo”

a class=”saleItem” href=”” target=”_blank”

div

img alt=”復古牛仔外套特惠119元起” src=”/jsimages/UploadFiles_3321/200804/20080423085516293.jpg” width=”65″ height=”65″ //div

div

復古牛仔外套br /

特惠119元起/div

/a

a class=”saleItem” href=”” target=”_blank”

div

img alt=”聖誕拍拍特供運動服3折” src=”/jsimages/UploadFiles_3321/200804/20080423085516802.jpg” width=”65″ height=”65″ //div

div

聖誕拍拍特供br /

運動服3折/div

/aa href=”” target=”_blank”

div

img alt=”攝像頭集結號給你新的感覺” src=”/jsimages/UploadFiles_3321/200804/20080423085516472.jpg” width=”65″ height=”65″ //div

div

攝像頭集結號br /

給你新的感覺/div

/a/div

div

a class=”saleItem” href=”” target=”_blank”

div

img alt=”聖誕拍拍特供電腦周邊4折” src=”/jsimages/UploadFiles_3321/200804/20080423085516530.jpg” width=”65″ height=”65″ //div

div

聖誕拍拍特供br /

電腦周邊4折/div

/a

a class=”saleItem” href=”” target=”_blank”

div

img alt=”party扮靚甜美腮紅” src=”/jsimages/UploadFiles_3321/200804/20080423085516658.jpg” width=”65″ width=”65″ height=”65″ //div

div

party扮靚br /

甜美腮紅/div

/aa href=”” target=”_blank”

div

img alt=”好感度提升韓版娃娃裝” src=”/jsimages/UploadFiles_3321/200804/20080423085516162.jpg” width=”65″ height=”65″ //div

div

好感度提升br /

韓版娃娃裝/div

/a/div

/div

div id=”saleList1″ style=”display:none”

div class=”saleTwo”

a class=”saleItem” href=”” target=”_blank”

div

img alt=”新奇好玩便宜盡在網遊頻道” src=”/jsimages/UploadFiles_3321/200804/20080423085516612.jpg” width=”65″ height=”65″ //div

div

新奇好玩便宜br /

盡在網遊頻道/div

/a

a class=”saleItem” href=”” target=”_blank”

div

img alt=”展現高貴氣質騎士系馬靴” src=”/jsimages/UploadFiles_3321/200804/20080423085516202.jpg” width=”65″ height=”65″ //div

div

展現高貴氣質br /

騎士系馬靴/div

/aa href=”” target=”_blank”

div

img alt=”攝像頭集結號給你新的感覺” src=”/jsimages/UploadFiles_3321/200804/20080423085516472.jpg” width=”65″ height=”65″ //div

div

攝像頭集結號br /

給你新的感覺/div

/a/div

div class=”saleTwo”

a class=”saleItem” href=”” target=”_blank”

div

img alt=”永不過時條紋毛衣” src=”/jsimages/UploadFiles_3321/200804/20080423085516984.jpg” width=”65″ height=”65″ //div

div

永不過時br /

條紋毛衣/div

/a

a class=”saleItem” href=”” target=”_blank”

div

img alt=”聖誕拍拍特供運動鞋2折” src=”/jsimages/UploadFiles_3321/200804/20080423085516651.jpg” width=”65″ height=”65″ //div

div

聖誕拍拍特供br /

運動鞋2折/div

/aa href=”” target=”_blank”

div

img alt=”好感度提升韓版娃娃裝” src=”/jsimages/UploadFiles_3321/200804/20080423085516162.jpg” width=”65″ height=”65″ //div

div

好感度提升br /

韓版娃娃裝/div

/a/div

div

a class=”saleItem” href=”” target=”_blank”

div

img alt=”精簡唯美索愛K630″ src=”/jsimages/UploadFiles_3321/200804/20080423085516302.jpg” width=”65″ height=”65″ //div

div

精簡唯美br /

索愛K630/div

/a

a class=”saleItem” href=”” target=”_blank”

div

img alt=”原裝瑞士軍刀精選” src=”/jsimages/UploadFiles_3321/200804/20080423085516549.jpg” width=”65″ width=”65″ height=”65″ //div

div

原裝瑞士軍刀br /

精選/div

/aa href=”” target=”_blank”

div

img alt=”超薄機身索愛W880″ src=”/jsimages/UploadFiles_3321/200804/20080423085516711.jpg” width=”65″ height=”65″ //div

div

超薄機身br /

索愛W880/div

/a/div

/div

div id=”saleList2″ style=”display:none”

div class=”saleTwo”

a class=”saleItem” href=”” target=”_blank”

div

img alt=”各就各味秋冬飲食計劃” src=”/jsimages/UploadFiles_3321/200804/20080423085516704.jpgtype=3″ width=”65″ height=”65″ //div

div

各就各味br /

秋冬飲食計劃/div

/aa href=”” target=”_blank”

div

img alt=”好感度提升韓版娃娃裝” src=”/jsimages/UploadFiles_3321/200804/20080423085516162.jpg” width=”65″ height=”65″ //div

div

好感度提升br /

韓版娃娃裝/div

/a/div

div class=”saleTwo”

a class=”saleItem” href=”” target=”_blank”

div

img alt=”聖誕拍拍特供隨身視聽5折” src=”/jsimages/UploadFiles_3321/200804/20080423085516375.jpg” width=”65″ height=”65″ //div

div

聖誕拍拍特供br /

隨身視聽5折/div

/aa href=”” target=”_blank”

div

img alt=”超薄機身索愛W880″ src=”/jsimages/UploadFiles_3321/200804/20080423085516711.jpg” width=”65″ height=”65″ //div

div

超薄機身br /

索愛W880/div

/a/div

div

a class=”saleItem” href=”” target=”_blank”

div

img alt=”我愛我家家居大搶購” src=”/jsimages/UploadFiles_3321/200804/20080423085516954.jpg” width=”65″ height=”65″ //div

div

我愛我家br /

家居大搶購/div

/aa href=”” target=”_blank”

div

img alt=”超值彩妝套裝變身派對女王” src=”/jsimages/UploadFiles_3321/200804/20080423085516919.jpg” width=”65″ width=”65″ height=”65″ //div

div

超值彩妝套裝br /

變身派對女王/div

/a/div

/div

/div

/div

script type=”text/javascript”document.getElementById(“saleList”+saleNum).style.display=””;/script

p /p

p更多網頁特效代碼盡在 a href=””網頁特效代碼/a/p

/body

/html

這個仿拍拍基本上就是2層放圖片，但用起來的效果還是可以的，如果不喜歡我還有下面呢，慢慢學，總會看懂的 (最重要的還是Css哦)

這個主要就是讓層實現隱藏 我覺得這個在層使用方面還是好的

從總體上看，在實現層與層之間的交互，在其代碼 我覺得你有必要去認真看下 ！

以上是我介紹額度菜單，雖然不是很強大，但是卻很使用，而且在J2EE中

菜單基本上是一個假象，都是用層與Css之間的特效做出來的！

學會了層的具體應用，我相信你也可以有自己特色的菜單的

那我祝你好運咯！！加油！！