模板無憂
網頁特效
每日更新
|
TOP排行榜
|
Tag標簽
|
充值
無憂首頁
網頁模板
程序模板
建站教程
視頻教程
網頁特效
圖標素材
字體下載
站長工具
站長問答
網頁特效
菜單導航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉換
鍵盤鼠標
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優化工具
網頁特效代碼
模板無憂
>
網頁特效
>
瀏覽器特效代碼
>
收藏
分享
查看評論
瀏覽器
演示
從中央到四周的窗口切換效果_瀏覽器特效
查看演示效果
特效Tag:
窗口切換
添加
從中央到四周的窗口切換特效,以前學網頁時候就很羨慕別人網頁為什么這么花呢?原來如此。
<html> <head> <title>從中央到四周打開窗口</title> <meta http-equiv="mrc-Type" mrc="text/html;charset=gb2312"> <style> <!-- .intro{ position:absolute; left:0; top:0; layer-background-color:red; background-color:red; border:0.1px solid red } --> </style> </head> <body> <div id="i1" class="intro"></div><div id="i2" class="intro"></div> <script language="JavaScript1.2"> var speed=20 var temp=new Array() var temp2=new Array() if (document.layers){ for (i=1;i<=2;i++){ temp[i]=eval("document.i"+i+".clip") temp2[i]=eval("document.i"+i) temp[i].width=window.innerWidth/2 temp[i].height=window.innerHeight temp2[i].left=(i-1)*temp[i].width } } else if (document.all){ var clipright=document.body.clientWidth/2,clipleft=0 for (i=1;i<=2;i++){ temp[i]=eval("document.all.i"+i+".style") temp[i].width=document.body.clientWidth/2 temp[i].height=document.body.offsetHeight temp[i].left=(i-1)*parseInt(temp[i].width) } } function openit(){ window.scrollTo(0,0) if (document.layers){ temp[1].right-=speed temp[2].left+=speed if (temp[2].left>window.innerWidth/2) clearInterval(stopit) } else if (document.all){ clipright-=speed temp[1].clip="rect(0 "+clipright+" auto 0)" clipleft+=speed temp[2].clip="rect(0 auto auto "+clipleft+")" if (clipright<=0) clearInterval(stopit) } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </script> </body> </html>
所屬頻道:
瀏覽器特效
/
更新時間:2013-05-19
[收藏]
[報錯]
[返回列表]
相關
瀏覽器特效
:
JS判斷客戶端使用的訪問設備并加載對應CSS
對輸入文本框的內容作出檢測
對鏈連接進行確認還能給出有關提示
檢測瀏覽器去過站點
集成Cookies :能在頁面顯示用戶的很多信息
顯示隨來訪次數信息
禁用鼠標右鍵:禁用鼠標右鍵功能
離開頁面,提示用戶把本頁添加到收藏夾
禁用鼠標左鍵:禁用鼠標左鍵功能
簽名提示程序:提示用戶簽到,并在頁面給出歡迎語
標題欄里的打字效果
檢測出用戶的IE瀏覽器所裝插件數
瀏覽器特效Rss訂閱
特效代碼搜索
瀏覽器特效推薦
JavaScript讓鼠標經過的每個文字都顯示在狀態欄上
打印
Ajax風格的一款網頁Loading
輸入指定字符,頁面自動跳轉
JavaScript打造有軌跡的拖動特效
彈出光驅
JS設置COOKIES并讀取的一個實例
根據分辨率自動進入不同頁面
真牛!用VML在網頁上生成一幅梅花圖
JavaScript指定時間彈出窗口
猜你也喜歡看這些
貪吃蛇游戲
敲磚頭
TicTacToe人工智能版
二元方程計算器
JavaScript網頁拼圖游戲
打靶練習小游戲(可檢測鼠標好壞)
射擊
填空游戲 (不簡單喲)
JavaScript撞球游戲
數格排序
相關鏈接:
復制本頁鏈接
|
搜索從中央到四周的窗口切換效果
特效說明:
瀏覽器模板
-
從中央到四周的窗口切換效果
。