js好看效果源代碼大全下載,js特效素材網

本文目錄一覽:

關於Javascript 特效代碼

script language=”JavaScript”

!– Hide the script from old browsers —

function compute(obj) //定義一個函數 名字叫compute 他接收了一個參數 obj

{obj.expr.value = eval(obj.expr.value)} //當前的參數的值和下文參數值所用的方法相同

var one = ‘1’ //定義一個字符型的1

var two = ‘2’ //定義一個字符型的2

var three = ‘3’ //定義一個字符型的3

var four = ‘4’ //定義一個字符型的4

var five = ‘5’ //定義一個字符型的5

var six = ‘6’ //定義一個字符型的6

var seven = ‘7’ //定義一個字符型的7

var eight = ‘8’ //定義一個字符型的8

var nine = ‘9’ //定義一個字符型的9

var zero = ‘0’ //定義一個字符型的0

var plus = ‘+’ //定義一個字符型的+

var minus = ‘-‘ //定義一個字符型的*

var multiply = ‘*’ //定義一個字符型的*

var divide = ‘/’ //定義一個字符型的/

var decimal = ‘.’ //定義一個字符型的.

function enter(obj, string) //定義一個函數 名字叫enter 他接收了一個參數 obj

{obj.expr.value += string} //讓 obj的值加上 ‘+’後面的值

function clear(obj) //定義一個函數 名字叫clear 他接收了一個參數 obj

{obj.expr.value = ”} //讓obj的值等於空

// –End Hiding Here —

/script

form name=”calc”

table border=1

td colspan=4input type=”text” name=”expr” size=30 action=”compute(this.form)” tr

!–提交表單–

tdinput type=”button” value=” 7 ” onClick=”enter(this.form, seven)”!–當鼠標點擊

按鈕的時候提交給函數按鈕中的值–

tdinput type=”button” value=” 8 ” onClick=”enter(this.form, eight)”!–當鼠標點擊

按鈕的時候提交給函數按鈕中的值–

tdinput type=”button” value=” 9 ” onClick=”enter(this.form, nine)”!–當鼠標點擊

按鈕的時候提交給函數按鈕中的值–

tdinput type=”button” value=” / ” onClick=”enter(this.form, divide)”!–當鼠標點

擊按鈕的時候提交給函數按鈕中的值–

trtdinput type=”button” value=” 4 ” onClick=”enter(this.form, four)”!–當鼠標

點擊按鈕的時候提交給函數按鈕中的值–

tdinput type=”button” value=” 5 ” onClick=”enter(this.form, five)”!–當鼠標點擊

按鈕的時候提交給函數按鈕中的值–

tdinput type=”button” value=” 6 ” onClick=”enter(this.form, six)”!–當鼠標點擊按

鈕的時候提交給函數按鈕中的值–

tdinput type=”button” value=” * ” onClick=”enter(this.form, multiply)”!–當鼠標

點擊按鈕的時候提交給函數按鈕中的值–

trtdinput type=”button” value=” 1 ” onClick=”enter(this.form, one)”!–當鼠標點

擊按鈕的時候提交給函數按鈕中的值–

tdinput type=”button” value=” 2 ” onClick=”enter(this.form, two)”!–當鼠標點擊按

鈕的時候提交給函數按鈕中的值–

tdinput type=”button” value=” 3 ” onClick=”enter(this.form, three)”!–當鼠標點擊

按鈕的時候提交給函數按鈕中的值–

tdinput type=”button” value=” – ” onClick=”enter(this.form, minus)”!–當鼠標點

擊按鈕的時候提交給函數按鈕中的值–

trtd colspan=2input type=”button” value=” 0 ” onClick=”enter

(this.form, zero)”!–當鼠標點擊按鈕的時候提交給函數按鈕中的值–

tdinput type=”button” value=” . ” onClick=”enter(this.form, decimal)”!–當鼠標

點擊按鈕的時候提交給函數按鈕中的值–

tdinput type=”button” value=” + ” onClick=”enter(this.form, plus)”!–當鼠標點擊

按鈕的時候提交給函數按鈕中的值–

trtd colspan=2input type=”button” value=” = ” onClick=”compute(this.form)”!

–提交表單在javascript中進行運算–

td colspan=2input type=”button” value=”AC” size= 3 onClick=”clear(this.form)” !–

點擊此按鈕調用此函數–

/table

/form

求js代碼,效果是“點擊圖片緩慢消失,然後進入網站”

用jquery的hide()函數,括號裡面寫時間,單位是毫秒,意思是用多少毫秒的時間演示完結束這個過程。

具體是:

$(“#ID”).click(function(){

$(“#ID2”).hide(1000);

})

上面的這段代碼意思是:綁定id=”ID”的這個標籤的點擊事件,當點擊了這個事件之後觸發函數裡面的$(“ID2”).hide(1000); //也就是點擊了ID標籤後會隱藏id=”ID2″的這個標籤以1000毫秒的時間結束關閉(或者說隱藏)這個標籤。

使用上面這段代碼的前提是你引用一個jquery庫,你直接在網上搜一個下載吧

網頁製作:誰給我發個js實現圖片橫向滾動的源代碼?

div id=demo style=”width:800px; overflow:hidden;”

table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″

tr

td id=demo1

table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”5″

tr

td valign=”top”img src=”uploadfiles/smallpic/qfj.jpg” width=”165″ height=”114″ border=”0″ //td

td valign=”top”img src=”uploadfiles/smallpic/qfj.jpg” width=”165″ height=”114″ border=”0″ //td

td valign=”top”img src=”uploadfiles/smallpic/qfj.jpg” width=”165″ height=”114″ border=”0″ //td

td valign=”top”img src=”uploadfiles/smallpic/qfj.jpg” width=”165″ height=”114″ border=”0″ //td

td valign=”top”img src=”uploadfiles/smallpic/qfj.jpg” width=”165″ height=”114″ border=”0″ //td

td valign=”top”img src=”uploadfiles/smallpic/qfj.jpg” width=”165″ height=”114″ border=”0″ //td

td valign=”top”img src=”uploadfiles/smallpic/qfj.jpg” width=”165″ height=”114″ border=”0″ //td

/tr

/table

/td

td id=demo2/td

/tr

/table

/div

script

var speed=20;

document.getElementById(“demo2”).innerHTML=document.getElementById(“demo1”).innerHTML

function Marquee(){

if(document.getElementById(“demo2”).offsetWidth-document.getElementById(“demo”).scrollLeft=0)

document.getElementById(“demo”).scrollLeft-=document.getElementById(“demo1”).offsetWidth

else{

document.getElementById(“demo”).scrollLeft++;

}

}

var MyMar=setInterval(Marquee,speed)

document.getElementById(“demo”).onmouseover=function() {clearInterval(MyMar)}

document.getElementById(“demo”).onmouseout=function() {MyMar=setInterval(Marquee,speed)}

/script

id為demo的div 寬度是在版面上要顯示出的寬度,這個是必須定義的,還有overflow:hidden這個也是必須的

內容放在demo1的td裡面

你放進去滾動的內容寬度必須大於demo的寬度才能滾動,當然這個寬度隨你自己定

理論上是可以放無限寬的數據

鼠標懸停就停止滾動,離開繼續滾動

請問怎麼下載網頁中的js,例如看到一個頁面的一些個效果很漂亮如何獲取這些個表現的js,謝謝

JS怎麼下我倒是沒看到,但先給個例子你看一下效果

上面只是一個效果

這個網站還有很多,當然,效果也可以下載,包括JS文件。而且下下來之後還可以脫機打開

(這個網站好多)

當然,JS是下載不了的,除非JS文件被打包過。但是你可以在瀏覽器的緩存文件夾里打到相應JS文件。

如你先看這個網頁的源文件,裡面再找script type=”text/javascript” src=”/…/…/wantonly.js”

然後打開瀏覽器的緩存文件夾找名為wantonly.js的文件,那麼這個就是你要找的JS文件(你可以先把緩存文件夾里的文件刪除,再打開你想要的JS文件的網頁,你就好找一些了)

js 對聯廣告代碼。。 我只要左邊的。 不要右邊的。。 求 源代碼。。。

//常見的對聯浮動廣告效果的代碼使用方法,本文介紹的這種效果,在1024*768分辨率下正常顯示,在800*600的分辨率下可以自動隱藏,以免遮住頁面影響訪問者瀏覽內容,下面就是實現效果所需代碼:

//——————————————————————-

var delta=0.015

var collection;

function floaters() {

this.items = [];

this.addItem = function(id,x,y,content)

{

document.write(‘DIV id=’+id+’ style=”Z-INDEX: 0; POSITION: absolute; width:80px; height:60px;left:’+(typeof(x)==’string’?eval(x):x)+’;top:’+(typeof(y)==’string’?eval(y):y)+'”‘+content+’/DIV’);

var newItem = {};

newItem.object = document.getElementById(id);

newItem.x = x;

newItem.y = y;

this.items[this.items.length] = newItem;

}

this.play = function()

{

collection = this.items

setInterval(‘play()’,10);

}

}

function play()

{

if(screen.width=800)

{

for(var i=0;icollection.length;i++)

{

collection.object.style.display = ‘none’;

}

return;

}

for(var i=0;icollection.length;i++)

{

var followObj = collection.object;

var followObj_x = (typeof(collection.x)==’string’?eval(collection.x):collection.x);

var followObj_y = (typeof(collection.y)==’string’?eval(collection.y):collection.y);

if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {

var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;

dx=(dx0?1:-1)*Math.ceil(Math.abs(dx));

followObj.style.left=followObj.offsetLeft+dx;

}

if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {

var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;

dy=(dy0?1:-1)*Math.ceil(Math.abs(dy));

followObj.style.top=followObj.offsetTop+dy;

}

followObj.style.display = ”;

}

}

var theFloaters = new floaters();

theFloaters.addItem(‘followDiv1′,’document.body.clientWidth-100′,0,’/abra href=廣告鏈接地址 target=_blankimg src=adjs/ok.gif width=100 height=400 border=0/a’);

theFloaters.addItem(‘followDiv2′,0,0,’bra href=廣告鏈接地址 target=_blankimg src=adjs/ok2.gif width=100 height=400 border=0/a’);

theFloaters.play();

//——————————————————————-

//把上面的代碼另存為一個JS文件,然後在想實現此效果的頁面用script type=”text/javascript” language=”javascript1.2″ src=”*.js”/SCRIPT調用即可,*代表你另存的文件名!注意修改廣告圖片地址和連接地址!

dreamweaver 擴展包哪裡下載

可以在adobe dreamweaver官方站點下載,不過有的是要收費的。

還有一些網頁製作資源網站也可以免費下載。

不過dreamweaver的插件也沒什麼多大作用,現在很多js源代碼網站,可以下載很多效果製作的很漂亮的代碼片段,可以直接使用,比起dreamweaver的插件,種類眾多,更新也快。

原創文章,作者:A55NH,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/128406.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
A55NH的頭像A55NH
上一篇 2024-10-03 23:25
下一篇 2024-10-03 23:25

相關推薦

發表回復

登錄後才能評論