本文目錄一覽：
- 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/zh-tw/n/185637.html
微信掃一掃 
支付寶掃一掃 