js搶購代碼,js 搶購

本文目錄一覽：

1、JS 獲得網頁代碼
2、JS 代碼解釋
3、求個簡單javascript代碼謝謝，網站菜單功能
4、搶購頁面的搶購軟體是什麼原理？那些JS寫出來的按鈕要怎麼自動點擊呢？按通常的想法就是發送大量p

JS 獲得網頁代碼

!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”

html

head

meta http-equiv=”Content-type” content=”text/html; charset=utf-8″

title遠程網頁源代碼讀取/title

style type=”text/css”

/* 頁面字體樣式 */

body, td, input, textarea {

font-family:Arial;

font-size:12px;

}

/style

script type=”text/javascript”

//用於創建XMLHttpRequest對象

function createXmlHttp() {

//根據window.XMLHttpRequest對象是否存在使用不同的創建方式

if (window.XMLHttpRequest) {

xmlHttp = new XMLHttpRequest(); //FireFox、Opera等瀏覽器支持的創建方式

} else {

xmlHttp = new ActiveXObject(“Microsoft.XMLHTTP”);//IE瀏覽器支持的創建方式

}

//直接通過XMLHttpRequest對象獲取遠程網頁源代碼

function getSource() {

var url = document.getElementById(“url”).value; //獲取目標地址信息

//地址為空時提示用戶輸入

if (url == “”) {

alert(“請輸入網頁地址。”);

return;

}

document.getElementById(“source”).value = “正在載入……”; //提示正在載入

createXmlHttp(); //創建XMLHttpRequest對象

xmlHttp.onreadystatechange = writeSource; //設置回調函數

xmlHttp.open(“GET”, url, true);

xmlHttp.send(null);

}

//將遠程網頁源代碼寫入頁面文字區域

function writeSource() {

if (xmlHttp.readyState == 4) {

document.getElementById(“source”).value = xmlHttp.responseText;

}

/script

/head

body

h1遠程網頁源代碼讀取/h1

div

地址：input type=”text” id=”url”

input type=”button” onclick=”getSource()” value=”獲取源碼”

/div

textarea rows=”10″ cols=”80″ id=”source”/textarea

/body

/html

給分啊

JS 代碼解釋

function MM_goToURL() { //定義了一個叫 MM_goToURL() 的函數

var i, args=MM_goToURL.arguments; document.MM_returnValue = false;

//定義了2個變數，一個i ，一個args，並且把 MM_goToURL.arguments這個函數的arguments對象給args，這個對象裡面裝的可能是一些網站的網站

for (i=0; i(args.length-1); i+=2) {

//這裡是吧對象裡面的網站全部讀出來，location是文檔中的超鏈接，瀏覽器當前顯示的文檔的 URL(或位置)

eval(args[i]+”.location='”+args[i+1]+”‘”);

}

總結，就是寫了個MM_goToURL()轉到別的網址上去的函數，

定義了一個args的對象，裡面裝入了一堆的網址（一個或多個），最後通過循環吧這些網址讀出來，做成超鏈接形式

求個簡單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”

TD vAlign=top align=middleBRBR

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

TBODY

TD指定行做為表體。

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

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

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

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

版社

Microsoft Corporation著

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

譯）

BRBR/TD/TR/TB

ODY/TABLE/TD/TR/T

BODY!–關於cells集合–

TBODY style=”DISPLAY:

none”

TD vAlign=top

align=middleBRBR

TABLE cellSpacing=0

cellPadding=0 width=490 border=0

TBODY

TD檢索錶行或者整個

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

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

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

Microsoft Corporation著

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

譯）

BRBR/TD/TR/TB

ODY/TABLE/TD/TR/T

BODY!–關於tBodies集合–

TBODY style=”DISPLAY:

none”

TD vAlign=top

align=middleBRBR

TABLE cellSpacing=0

cellPadding=0 width=490 border=0

TBODY

TD檢索表中所有TBODY

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

BR應用於TABLE。BRBR參考：

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

Microsoft Corporation著

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

譯）

BRBR/TD/TR/TB

ODY/TABLE/TD/TR/T

BODY!–關於display屬性–

TBODY style=”DISPLAY:

none”

TD vAlign=top

align=middleBRBR

TABLE cellSpacing=0

cellPadding=0 width=490 border=0

TBODY

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 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 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 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 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 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 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

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

p /p

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

/body

/html

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

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

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

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

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

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

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

搶購頁面的搶購軟體是什麼原理？那些JS寫出來的按鈕要怎麼自動點擊呢？按通常的想法就是發送大量p

只要是通過網頁，所有操作終究還是歸結到post或者get請求上

可能網站為了防止腳本，在header、session、cookies或者參數中做了手腳

只要你能研究他的規則，寫腳本都是可以的

原創文章，作者：MJLR，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/141827.html

js搶購代碼,js 搶購

本文目錄一覽：

JS 獲得網頁代碼

JS 代碼解釋

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

搶購頁面的搶購軟體是什麼原理？那些JS寫出來的按鈕要怎麼自動點擊呢？ 按通常的想法就是發送大量p

相關推薦

發表回復

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

搶購頁面的搶購軟體是什麼原理？那些JS寫出來的按鈕要怎麼自動點擊呢？按通常的想法就是發送大量p