css里expression實(shí)現界面對象的批量控制
用過(guò)css樣式我們就知道, 可以定義一批對象的class屬性來(lái)指定同一個(gè)樣式來(lái)統一界面. 但如何統一同類(lèi)型的對象的事件? 比如:界面有無(wú)數個(gè) <img src="**.jpg"> 如何實(shí)現鼠標經(jīng)過(guò)此圖片, 圖片的src變成是**_over.jpg?
解決方法: 使用css的expression方法,具體實(shí)現要看看.css的寫(xiě)法:
應用樣式的img:
<img src="a.jpg">
解決方法: 使用css的expression方法,具體實(shí)現要看看.css的寫(xiě)法:
以下是引用片段: /*替換圖片CSS*/ #imgScript { /*這里使用對象ID來(lái)通配樣式, 也可以定義一個(gè)css函數*/ star:expression( onmouseover = function() { /*替換圖片*/ if(this.hover != null){ this.name = this.src; this.src = this.src.replace('.jpg', '_over.jpg'); this.HasChg = 1; } }, onmouseout = function() { /*還原本來(lái)的圖片*/ if(this.HasChg != null){ this.src = this.name; this.HasChg = null; } } ) }/*end imgScript*/ |
應用樣式的img:
<img src="a.jpg">
前一頁(yè):純CSS制作的網(wǎng)頁(yè)中的lightbox效果
后一頁(yè):Web標準中XHTML的代碼規范
- 相關(guān)閱讀
- 仿MAC官網(wǎng)導航菜單
- 微信小程序騰訊視頻播放組件tencentvideo(wxa75efa648b60994b)
- ios蘋(píng)果版手機微信內置瀏覽器$(document).on(
- javascript正則的用法與示例
- CSS編寫(xiě)過(guò)程中常見(jiàn)的10個(gè)錯誤
- 改進(jìn)了的,超強的title效果,看了之后,你肯定會(huì )喜歡。
- div+css布局中的精粹技巧
- access數據庫做的網(wǎng)站出現.ldb不能刪除超過(guò)2KB之后就會(huì )網(wǎng)站訪(fǎng)問(wèn)不了數據庫,提示數據庫不存在
- 共有0條關(guān)于《css里expression實(shí)現界面對象的批量控制》的評論
- 發(fā)表評論
正在加載評論......
返回頂部發(fā)表評論
呢 稱(chēng): | |
表 情: | |
內 容: |
評論內容:不能超過(guò) 1000 字,需審核,請自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規。 |
驗證碼: | |
網(wǎng)友評論聲明,請自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規。
您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會(huì )、集體和公民的合法權益;
二、不得發(fā)布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內容擁有處置權。
- 更多信息>>欄目類(lèi)別選擇
- 百度小程序開(kāi)發(fā)
- 微信小程序開(kāi)發(fā)
- 微信公眾號開(kāi)發(fā)
- uni-app
- asp函數庫
- ASP
- DIV+CSS
- HTML
- python
- 更多>>同類(lèi)信息
- jquery設置或獲取修改classname
- 利用css3.0寫(xiě)出一個(gè)音樂(lè )播放的唱片碟盤(pán)的效果
- 利用css中的scale()實(shí)現放大縮小效果
- 利用background-color:#000000a8在背景顏色16進(jìn)制代碼之后加字母加上數字讓背景色透明
- css背景使用base64編碼或者將base64編碼放在img圖片標簽中
- 利用css3中的-webkit-font-smoothing把網(wǎng)頁(yè)文字的毛邊去掉
- 更多>>最新添加文章
- 抖音直播音掛載小雪花 懂車(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