本文目錄一覽:
- 1、關於Javascript 特效代碼
- 2、求js代碼,效果是「點擊圖片緩慢消失,然後進入網站」
- 3、網頁製作:誰給我發個js實現圖片橫向滾動的源代碼?
- 4、請問怎麼下載網頁中的js,例如看到一個頁面的一些個效果很漂亮如何獲取這些個表現的js,謝謝
- 5、js 對聯廣告代碼。。 我只要左邊的。 不要右邊的。。 求 源代碼。。。
- 6、dreamweaver 擴展包哪裡下載
關於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-tw/n/128406.html