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之间的特效做出来的！

学会了层的具体应用，我相信你也可以有自己特色的菜单的

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