jquery設置或獲取修改classname
- 2927
- 2021/2/16 14:17:49
jQuery中使用attr()方法修改”class”屬性、也可以用addClass()、removeClass()、toggleClass()、hasClass()以及css()方法來(lái)完成 1、javascriptaddClass 利用document.getElementByI閱讀全文
利用css3.0寫(xiě)出一個(gè)音樂(lè )播放的唱片碟盤(pán)的效果
- 2801
- 2021/1/24 16:30:44
<!doctypehtml> <html> <head> <metahttp-equiv="X-UA-Compatible"content="IE=Edge,chrome=1"> <title>利用css3.0寫(xiě)出一個(gè)音閱讀全文
利用css中的scale()實(shí)現放大縮小效果
- 13841
- 2020/11/5 13:32:29
一、scale()方法 縮放,指的是“縮小”和“放大”。在CSS3中,我們可以使用scale()方法來(lái)將元素根據中心原點(diǎn)進(jìn)行縮放。 跟translate()方法一樣,縮放scale()方法也有3種情況: (1)scaleX(x):元素僅水平方向縮放(X軸縮放); (2)scaleY(y):元閱讀全文
利用background-color:#000000a8在背景顏色16進(jìn)制代碼之后加字母加上數字讓背景色透明
- 4661
- 2020/7/20 11:23:03
效果展示: 在CSS中,當需要背景透明時(shí),只要在這個(gè)16進(jìn)制的6位數顏色代碼之后加上一個(gè)字母與數字,就可以讓當前這個(gè)層相應的純色有透明效果。 主要代碼:background-color:#000000a8; 以下是演示代碼 <divstyle="ba閱讀全文
css背景使用base64編碼或者將base64編碼放在img圖片標簽中
- 7526
- 2020/5/4 15:19:18
css背景使用base64編碼或者將base64編碼放在img圖片標簽中 將圖片轉為base64編碼然后放在css的background背景中使用或者放在前臺img圖片標簽中直接使用 減少HTTP請求,加快小圖像或者小圖標的加載時(shí)間。 //Base64在CSS中背景圖使用 .di閱讀全文
利用css3中的-webkit-font-smoothing把網(wǎng)頁(yè)文字的毛邊去掉
- 7156
- 2020/1/20 13:48:55
-webkit-font-smoothing:antialiased; 在Safiri下字體渲染不佳的時(shí)候用這個(gè)代碼可以有效解決。簡(jiǎn)直神奇!閱讀全文
解決手機端微信瀏覽器中視頻自動(dòng)播放和默認全屏問(wèn)題
- 6998
- 2019/12/11 14:14:19
1.早期因為帶寬和流量的因素,移動(dòng)端瀏覽器禁止視頻自動(dòng)播放,現在流量便宜了、手機硬件越來(lái)越好了,部分可支持了 2.在移動(dòng)端瀏覽器,video在用戶(hù)點(diǎn)擊播放或者通過(guò)APIvideo.play()觸發(fā)播放時(shí),會(huì )強制以全屏置頂的形式進(jìn)行播放,設計的初衷可能是因為全屏能提供更好的用戶(hù)體驗 <v閱讀全文
利用CSS實(shí)現半透明效果兼容IE與火狐與chrome等瀏覽器
- 9153
- 2018/4/15 16:01:30
直接上代碼,兼容IE,firefox,chrome,Safari,Opera等主流瀏覽器的半透明CSS代碼: filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; 幾個(gè)屬性的意思是: opacity:0.5;CSS的標閱讀全文
在table中tr的display:block在firefox下顯示布局錯亂問(wèn)題
- 9921
- 2015/5/23 16:03:31
在table中tr的display:block在firefox下顯示布局錯亂問(wèn)題 按照常理,對于某一單元行需要顯示時(shí),使用:display:block屬性,不需要顯示時(shí)使用display:none屬性,而且這樣做在IE瀏覽器中顯示正常,沒(méi)有任何問(wèn)題。 但是當用Fi閱讀全文
在未知圖片的寬度與高度時(shí)利用div+css將圖片居中
- 32246
- 2012/11/20 18:14:15
以下為詳細代碼 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="閱讀全文
用css做的英文首字母大寫(xiě)和英文全都大寫(xiě)通過(guò)各個(gè)瀏覽器
- 33999
- 2012/11/2 17:17:29
以下為詳細代碼 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&閱讀全文
css優(yōu)先級的例子
- 21128
- 2012/1/7 8:38:12
以下為詳細代碼 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&閱讀全文
讓DIV固定在瀏覽器窗口的底部(兼容IE6)
- 34463
- 2011/12/15 19:12:47
這個(gè)例子是實(shí)現層固定在瀏覽器窗口的最下面,兼容IE6 以下為詳細代碼 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/閱讀全文
innerHTML動(dòng)態(tài)改變ID的CSS樣式表
- 21624
- 2011/2/9 16:02:02
IE不認的 <divid="qwbmids"></div> <script> document.getElementById("qwbmids").innerHTML+="<style>stron閱讀全文
MarkMan 馬克鰻,讓設計更有愛(ài) (超級給力的頁(yè)面標注工具)
- 40842
- 2011/1/27 15:47:30
(超級給力的頁(yè)面標注工具) http://www.getmarkman.com/download/MarkMan.air MarkMan是一款方便高效的標注工具,極大節省設計師在設計稿上添加和修改標注的時(shí)間,讓設計更有愛(ài)。 馬克鰻(markman)是既有愛(ài)又給力的長(cháng)度標注神器,馬克閱讀全文
IE8 CSS HACK 兼容
- 38745
- 2010/8/16 16:18:26
IE8CSSHACK兼容集合"\9" 例:"margin:0pxauto\9;".這里的"\9"可以區別所有IE和FireFox."*" IE6、IE7可以識別.IE8、FireFox不能."_" IE6可以識別"_",IE7、IE8、FireFox不能. 以下為詳細代碼 <!DO閱讀全文
IE6不支持png24的解決辦法(png24做為css的背景)
- 17419
- 2010/7/12 17:10:25
以下為詳細代碼 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""DTD/xhtml1-strict.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <h閱讀全文
利用position把div放在flash上
- 33921
- 2010/4/29 22:41:32
只要在Flash對象加入頁(yè)面時(shí)生成的HTML代碼中加入以下參數就可以讓Div浮動(dòng)層從Flash下露出來(lái)了:<paramname="wmode"value="transparent"/> 另外,發(fā)現另外一個(gè)更專(zhuān)業(yè)的參數:<paramname="wmode"value="opaque閱讀全文
網(wǎng)頁(yè)頁(yè)面變灰,網(wǎng)頁(yè)變成黑白色
- 18502
- 2010/4/20 21:38:20
2020新版的設置網(wǎng)頁(yè)為黑白色的代碼。 <style> html{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:gra閱讀全文
這個(gè)超級強的div+css圖片大小自適應
- 24301
- 2010/4/6 15:19:23
以下為詳細代碼 <style> .mnlc9_l{ float:left; overflow:hidden; width:110px; height:110px; padding:3px; border:solid1px#d7d7d7; text-align:c閱讀全文
- 更多信息>>欄目類(lèi)別選擇
- 百度小程序開(kāi)發(fā)
- 微信小程序開(kāi)發(fā)
- 微信公眾號開(kāi)發(fā)
- uni-app
- asp函數庫
- ASP
- DIV+CSS
- HTML
- python
- 更多>>最新添加文章
- 抖音直播音掛載小雪花 懂車(chē)帝小程序
- javascript獲取瀏覽器指紋可以用來(lái)做投票
- 火狐Mozilla Firefox出現:無(wú)法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無(wú)法訪(fǎng)問(wèn) 問(wèn)題解決集合處理辦法
- 在A(yíng)ndroid、iOS、Windows、MacOS中微信小程序的文件存放路徑
- python通過(guò)代碼修改pip下載源讓下載庫飛起
- python里面requests.post返回的res.text還有其它的嗎
- aliyun阿里云續費域名優(yōu)惠口令(注冊、續費都可以使用)
- windows7環(huán)境下安裝配置jdk
- 更多>>隨機抽取信息
- 服務(wù)器iis配置.mp4視頻格式播放(網(wǎng)頁(yè)播放.mp4有聲音但沒(méi)有圖像畫(huà)面)
- web2.0 div+css 設計中一些標準化學(xué)習指南
- css里expression實(shí)現界面對象的批量控制
- 你們這個(gè)系統太專(zhuān)業(yè),很復雜?
- 一些關(guān)于素材的網(wǎng)站
- 在服務(wù)器上新建網(wǎng)站,在服務(wù)器用域名能訪(fǎng)問(wèn),但是外網(wǎng)訪(fǎng)問(wèn)不了的解決辦法