日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区
模板無憂
網(wǎng)頁特效
每日更新
|
TOP排行榜
|
Tag標簽
|
充值
無憂首頁
網(wǎng)頁模板
程序模板
建站教程
視頻教程
網(wǎng)頁特效
圖標素材
字體下載
站長工具
站長問答
網(wǎng)頁特效
菜單導航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉(zhuǎn)換
鍵盤鼠標
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網(wǎng)站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網(wǎng)站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優(yōu)化工具
網(wǎng)頁特效代碼
模板無憂
>
網(wǎng)頁特效
>
表單按鈕特效代碼
>
收藏
分享
查看評論
表單按鈕
演示
點擊按鈕后加載進度條_表單按鈕特效
查看演示效果
特效Tag:
進度條
添加
點擊按鈕后加載進度條,不知是搞什么用的,覺得還不錯,就先發(fā)上來,可以在你的網(wǎng)頁上也加個進度條。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>點擊按鈕后加載進度條</title> <meta http-equiv="Content-Type" mrc="text/html; charset=utf-8" /> <style type="text/css"> body,html{margin:0;padding:20px;font-size:12px;font-family:Arial;font:12px/1 Tahoma, Arial;} .stepOut{height:20px;border:1px solid #000;background:#eee;width:200px;overflow:hidden;display:none;} .stepIn{width:50px;background:#FF0080;border-top:1px solid #FFB5DA;border-bottom:1px solid #fff;overflow:hidden;color:#fff;text-align:center;font:12px/1.6 arial;} </style> </head> <body> <button id="google">button</button><br/><br/> <div class="stepOut" id="stepOut" > <div class="stepIn" id="stepIn"></div> </div> </body> <script type="text/javascript"> //<![CDATA[ function LoadBar(outer,iner,time){ $=function (x){return typeof x=="string"?document.getElementById(x):x}; outer=$(outer); iner=$(iner); var i,width,This=this,s=(time||2000)/10; this.run=function (){ clearTimeout(This.t); outer.style.display='block'; width=outer.offsetWidth; i=0; (function (){ iner.style.width=width/s*i++; iner.innerHTML=Math.ceil(iner.offsetWidth/width*100)+'%'; if(i<s){This.t=setTimeout(arguments.callee,10) }else{iner.innerHTML="ok"} })() } }; var ldh=new LoadBar(stepOut,stepIn,5000); document.getElementById('google').onclick=ldh.run; //]]> </script> </html>
所屬頻道:
表單按鈕特效
/
更新時間:2012-11-19
[收藏]
[報錯]
[返回列表]
相關
表單按鈕特效
:
又一個帶描述的表單
可自由移動位置的導航條
頁面轉(zhuǎn)跳。跟本站的教學文章中的那些轉(zhuǎn)到第幾頁一樣的
帶Checkbox的列表框
提供四種打開新窗的形式
自動復制代碼
方便登錄各種管理頁面以及任何EMAIL量身定做!
QQ分類搜索代碼
查找表格的內(nèi)容
一個帶描述的表單
常用email檢驗函數(shù)
file框模擬新解
表單按鈕特效Rss訂閱
特效代碼搜索
表單按鈕特效推薦
刪除字符串中間的空格
在下拉列表中顯示多級樹形菜單
連接說明浮動條腳本
輸入框的新屬性
JavaScript判斷表單文本框中某字符的出現(xiàn)個數(shù)
仿XP界面的CSS按鈕特效代碼
JavaScript給按鈕加上雙重動作
仿QQ的左側(cè)導航自動展開
表單提交后按鈕變成灰色
禁止自動完成
猜你也喜歡看這些
農(nóng)歷日期
JavaScript文字幻燈切換
在文本框里顯示當前時間
JavaScript帶日期的LED電子表時鐘
JS讓你網(wǎng)頁版權(quán)處的時間自動更新
隨日期每天自動變換的文本
根據(jù)日期來顯示當日的信息
多種地域的時間顯示
一個定時的倒記時
可以選擇12小時、24小時制的時鐘顯示方式
相關鏈接:
復制本頁鏈接
|
搜索點擊按鈕后加載進度條
特效說明:
表單按鈕模板
-
點擊按鈕后加載進度條
。