原文:一個用 CSS3 樣式加上 JS 實現了 alert 和 confirm的效果

注意該案例不支持IE ,最后用支持CSS 樣式的瀏覽器查看,可以在iframe框架用,可以遮住整個框架 alert 彈出框效果圖 confirm 彈出框效果圖 如果用這框架里面,必須在框架里導入 個文件一個jquery里的包,一個是實現效果的Js文件,還有個是樣式文件 在框架里的頁面需要這樣調用 測試頁面為 Test.aspx 不在框架里應用 也要導入上面 個文件 用法如下 測試頁面:Defau ...

2011-12-28 16:53 1 4961 推薦指數:

查看詳情

一個不陌生的JS效果-marquee,用css3實現

關於marquee,就不多說了,可以戳這里。 畢竟他是一個很古老的元素,現在的標准里頭也不推薦使用這個標簽了。但平時一些項目中會經常碰到這樣的效果,每次都是重新寫一遍,麻煩! JS實現marquee 今天倒弄了一個類,還不全,打個草稿吧~ 下次就湊合着用吧。 DEMO在這里,戳 ...

Sat Jul 27 06:25:00 CST 2013 1 13447
jscss3實現圖片的放大效果

    今天看網易的網站上,當我把鼠標放上去的時候發現圖片放大,移開圖片縮小,於是自行嘗試,結果如下。 方法一:使用jscss3   效果如圖:   這樣的實現非常簡單,就是利用js的mouseover和 mouseout事件,但是不知道如何使圖片從中間放大,日后再行嘗試 ...

Sun Feb 19 04:56:00 CST 2017 2 5943
jsalertconfirm美化

--前言-- window對象的alertconfirm標准方法在不同瀏覽器的顯示效果不太相同,有個相同點是都不是很美觀。我們的想法是使用jscss分別仿照它們,提供另一套函數,使在不同瀏覽器的有着相同的體驗效果。 --設計思路-- 為了保留原有的alertconfirm方法 ...

Tue Apr 14 04:02:00 CST 2015 0 11463
jsalertconfirm美化

轉載:http://www.cnblogs.com/kewei/p/4423112.html --前言-- window對象的alertconfirm標准方法在不同瀏覽器的顯示效果不太相同,有個相同點是都不是很美觀。我們的想法是使用jscss分別仿照它們,提供另一套函數,使在不同瀏覽器 ...

Thu Oct 22 07:24:00 CST 2015 0 4289
CSS3樣式_實現字體發光效果

text-shadow 屬性僅僅是用來設置文本陰影的,似乎並不能實現字體發光效果。其實不然,這正是 text-shadow 屬性的精妙之處。當陰影的水平偏移量和垂直偏移量都為0時,陰影就和文本重合了。這時,如果增大陰影模糊的距離,就可以達到字體外發光的效果了。當然,為了使外發光更加酷炫,還需要 ...

Sat Jun 13 22:13:00 CST 2020 0 5542
原創JS模擬Alert彈出框效果--自定義CSS樣式

由於系統默認alert彈出窗口不能自定義樣式,有可能不符合網站的風格,雖然網上應該有很多這樣的JS 但是還是自己寫的比較放心,順便練習一下對DOM的操作 支持IE6下的SELECT不能遮罩的問題,谷歌支持圓角,IE6下就比較丑了,四四方方的,不過可以自定義自己喜歡的樣式 聽取建議后,修改 ...

Thu Apr 26 19:35:00 CST 2012 10 45503
CSS3利用一個div實現內圓角邊框效果

*首先要清楚的是,box-shadow的形狀會隨着border-radius變化。下面的例子可以證明: 效果: *而實現內圓角邊框(外邊框為直角)就可利用以上特性(box-shaodw填充outline和border之間的空白),代碼如下: div1 效果 ...

Wed Jun 07 02:00:00 CST 2017 1 4257
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM