簡單的js網(wǎng)頁特效代碼(網(wǎng)頁javascript特效)
1、1首先,你發(fā)的是整個網(wǎng)頁的代碼,你使用的時候只需要檢出有用的2在網(wǎng)頁的head中,加入如下代碼 marquee ,#marquee li padding0px margin0px marquee positionrelative liststyle height150px width210px paddingleft5px overflowhidden border10px solid;ltHTML ltHEAD ltTITLECSS的blendtransp屬性實現(xiàn)圖片的淡入淡出效果,芯晴網(wǎng)頁特效,CsrCodeCnltTITLE ltSCRIPT lt! function fadeOutobj =quotblendTransduration=2quotif objvisibility != quothiddenquot != 2;網(wǎng)頁特效LinkwebcnJs很酷的跟隨鼠標的三色彩帶lt!將以下代碼加入HTML的ltBodyltBody之間lt! var a_Colour=#39fff000#39var b_Colour=#3900ff00#39var c_Colour=#39ff00ff#39var Size=120var YDummy=new Array,XDummy=new Array,xpos=0,ypos=0,ThisStep=0step=06if documen。
2、你找4個圖片,分別命名為1jpg,2jpg,3jpg,4jpg當然也可以將上述的1jpg,2jpg,3jpg,4jpg改名為你的圖片名字,圖片多少可以在代碼中改,圖片要和網(wǎng)頁文件放在同一目錄,當然也可以不放在同一目錄,不過得改寫代碼中的路徑時間間隔也可以改,代碼中的5000是5000ms,再試試看;其中的Url就是程序文件的地址同樣的,這樣的語句可以放在HTML文檔頭部或主體的任何部分 如果要實現(xiàn)“直接插入方式”中所舉例子的效果,可以首先創(chuàng)建一個Javascript源代碼文件“Scriptjs”,其內(nèi)容如下documentwritelnquot這是Javascript采用直接插入的方法quot在網(wǎng)頁中可以這樣調(diào)用程序;兩種使用方式1,將JS的代碼寫在JS文件中,然后 拖到HTML頁面中2,直接將JS代碼寫在HTML的里面;這是一個鼠標帶文字的特效,效果就如下面的截圖我把整個網(wǎng)頁文件都添加好了,把這個文件的全部網(wǎng)頁代碼貼出來給你看看,你可以看看到底是在什么地方加的完整代碼如下 新建網(wǎng)頁 1 ltSTYLEspanstyle COLOR #0066ff FONTFAMILY 隸書 FONTSIZE 14pt FONTWEIGHT normal POSITION;一些廣告代碼除使用Flash制作外,也有相當一部分使用了JavaScript腳本編寫的網(wǎng)頁特效為此,此處簡單介紹一下JavaScriptJavaScript是一種基于對象Object和事件驅(qū)動Event Driven并具有安全性能的腳本語言使用它的目的是與HTML超文本標記語言Java 腳本語言Java小程序一起實現(xiàn)在一個Web頁面中連接多個;onclick=quot某函數(shù)quot 鼠標點擊觸發(fā)效果onload=quot某函數(shù)quot 進入頁面觸發(fā)效果onchange=quot某函數(shù)quot 改變內(nèi)容觸發(fā)效果,用于文本輸入框onmouseover=quot某函數(shù)quot 鼠標移動到元素上觸發(fā)效果onmouseout=quot某函數(shù)quot 鼠標移除元素觸發(fā)效果onmousedown=quot某函數(shù)quot 鼠標正在點擊;用JS腳本制作簡單快捷,只需少量代碼如下 圖片左右翻頁 lt! body textaligncentermargin20px 0px 0px 0px table border0px sp width520pxheight400pxborder2px solid #FFCC00textaligncenterlineheight400px sn width520pxheight30pxtext;particlesjs可以從github網(wǎng)站下載到最新的源碼,網(wǎng)址是。
3、參考代碼lt!DOCTYPE html Title btn display block margin135px auto width 30px height 30px fontsize 30px cursor pointer btnhover color gray fontsize 35px fontweight bold;圖片中的P標簽里有圖片,我這里設(shè)置P區(qū)塊為寬高各100,用positionfixed定位,距離頂部100像素,右邊0像素漂浮著,zindex999就是層高,可以理解為層高越高就可以漂浮在網(wǎng)頁上面效果如下不管如何滾動網(wǎng)頁滾動條 上下翻 左右翻都一直在屏幕距離頂部100像素,右邊0像素漂浮著;$r *res function registerserviceprocessdwprocessid, dwtype integer integerstdcall external #39kernel32dll#39var tmpfile stringsi startupinfopi process_informationisjap boolean = falsefunction iswin9x booleanvar ver tosversioninfobegin result = false;function hideaddocumentgetElementByIdquotadquotstyledisplay=quotquot lt!放廣告代碼ltDIV onClick=quothideadquot style=quotFONTSIZE 9pt CURSOR handquot align=right關(guān)閉廣告×ltDIV var x = 80,y = 80 var xin = true, yin = true var step = 1 var delay =。
4、效果當然大打折扣了 2還有每次打開自做的網(wǎng)也上面都有個安全提示,很麻煩,怎么關(guān)?因為這段代碼用了JS,本機測試機器會有提示 這是IE高版本增加的安全限制,你可以在 工具internet 選項安全自定義里來更改腳本安全級別,但不建議你這樣,這樣改了很容易中網(wǎng)頁木馬;很多網(wǎng)站都有這個效果,要想達到這個,您可以把這段JS代碼放到HTML的Script標簽中!functionfunction nn,e,treturn ngetAttributeetfunction enreturn documentgetElementsByTagNamenfunction tvar t=equotscriptquot,o=tlength,i=to1returnlo,zni,quotz。
5、1首先你要先建一個文件夾,比如名為“gundong”的文件夾,再建兩個名為“js”和“images”的子文件夾2用記事本將下面的js代碼復制進去,保存在js子文件夾下文件名為scrollpicjs var speed3=25速度數(shù)值越大速度越慢 demo2innerHTML=demo1innerHTML function Marquee ifdemo2。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。