本文目录一览：
- 1、求大神帮忙注释一段JS代码，越详细越好
- 2、用js写出1到100的所有奇数的代码
- 3、JS代码，创建一个长度为20的数组，并输出1到100任意的20个数（最好写一下注释）
- 4、急求！！！计算机JAVASCRIPT编程代码！！！题目为求[100,200]之间第一个能被21整除的整数！
- 5、求个简单javascript代码 谢谢，网站菜单功能
求大神帮忙注释一段JS代码，越详细越好
$(document).ready(function(){
//JQ的预加载这个你应该懂的
$(‘#select_btn li:first’).css(‘border’,’none’);
//选择id是select_btn的下面的第一LI，设它的CSS的border为none
if ($(‘#zSlider’).length) {
//如果id是zSlider的有内容（长度）那么执行下面的操作
zSlider();
//执行zSlider();这个函数（在下面有定义）
$(‘#h_sns’).find(‘img’).hover(function(){
//在id是h_sns中找IMG这个标签，鼠标移上去后或者移开后执行下面的两端代码
$(this).fadeTo(200,0.5);
//选中的这个li执行fadeTo(200,0.5)就是调整它的透明度
}, function(){
$(this).fadeTo(100,1);
//同上
});
}
function zSlider(ID, delay){
//这段就是上面当zSlider的有内容（长度）时执行的那段函数了
var ID=ID?ID:’#zSlider’;
//这里是zSlider这个函数的一个默认参数的设置，当不设参数的时候会自动设置ID为#zSlider
var delay=delay?delay:5000;
//同上~也是设置默认参数的
var currentEQ=0, picnum=$(‘#picshow_img li’).size(), autoScrollFUN;
//设置一些函数用的变量，在下面会看到
$(‘#select_btn li’).eq(currentEQ).addClass(‘current’);
//给#select_btn这个ID下的第currentEQ（默认是0）个LI添加current这个CLASS
$(‘#picshow_img li’).eq(currentEQ).show();
//让picshow_img下第currentEQ个LI显示
$(‘#picshow_tx li’).eq(currentEQ).show();
//让picshow_tx下第currentEQ个LI显示
autoScrollFUN=setTimeout(autoScroll, delay);
//获取自动播放给autoScrollFUN以便清楚setTimeout
function autoScroll(){
clearTimeout(autoScrollFUN);
//清楚上面的setTimeout
currentEQ++;
//给currentEQ自加，也就是循环到下一个li
if (currentEQpicnum-1) currentEQ=0;
//如果超过了之前定的picnum-1那么让currentEQ从O开始也就是循环回第一个LI
$(‘#select_btn li’).removeClass(‘current’);
//select_btn下的LI移除current这个样式
$(‘#picshow_img li’).hide();
//picshow_img下的li隐藏
$(‘#picshow_tx li’).hide().eq(currentEQ).slideDown(400);
//picshow_tx下的li隐藏并且第currentEQ个LI缓慢收起
$(‘#select_btn li’).eq(currentEQ).addClass(‘current’);
//select_btn下的第currentEQ个LI添加样式current
$(‘#picshow_img li’).eq(currentEQ).show();
//picshow_img下的第currentEQ个LI显示
autoScrollFUN = setTimeout(autoScroll, delay);
//然后循环开始
}
$(‘#picshow’).hover(function(){
clearTimeout(autoScrollFUN);
//当鼠标移入picshow时，清楚autoScrollFUN，也就是之前的循环
}, function(){
autoScrollFUN = setTimeout(autoScroll, delay);
//当鼠标移出时继续开始循环
});
$(‘#select_btn li’).hover(function(){
var picEQ=$(‘#select_btn li’).index($(this));
if (picEQ==currentEQ) return false;
currentEQ = picEQ;
$(‘#select_btn li’).removeClass(‘current’);
$(‘#picshow_img li’).hide();
$(‘#picshow_tx li’).hide().eq(currentEQ).slideDown(100);
$(‘#select_btn li’).eq(currentEQ).addClass(‘current’);
$(‘#picshow_img li’).eq(currentEQ).show();
return false;
//这一整段跟上面的差不多~如果你仔细看完上面的解释下面的你自己就应该能看明白了~
});
};
好了~翻译的够仔细了吧~不会的话再私信我~
用js写出1到100的所有奇数的代码
for (var i = 1; i = 100; i++) {
if (i % 2 == 1) {
console.log(i)
}
}
JS代码，创建一个长度为20的数组，并输出1到100任意的20个数（最好写一下注释）
var arr=Array(20)://创建20个空数组
arr=arr.fill(0).map(function(item){ return item+=Math.ceil(Math.random()*100);});//先用0填充，再每项加一个1-100随机数
急求！！！计算机JAVASCRIPT编程代码！！！题目为求[100,200]之间第一个能被21整除的整数！
第一个：
for(var i = 100,i=200,++i){
if(i%21 === 0){
alert(i);
break;
}
}
第二题
首先这种数不是叫完成，而是叫完数，英文perfectnumber(完美数)
//用来判断数字是不是完数的函数：
function is_perfect_number(num){
var sum = 0;
for(var i=1;inum;++i){
if (num%i == 0) {
sum += i;
}
}
return sum == num;
}
//初始化一个空数组，用来保存结果
var result = [];
for(var i=1;i=500;++i){
//如果是完数就放进数组里
if (is_perfect_number(i)) {
result.push(i);
}
}
//输出结果
alert(result);
上面的方法是用的最笨的方法求的，你可以去搜索一下完数的性质，利用性质可以写出更简单的算法来求完数
求个简单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之间的特效做出来的！
学会了层的具体应用，我相信你也可以有自己特色的菜单的
那我祝你好运咯！！加油！！
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/185637.html
微信扫一扫 
支付宝扫一扫 