css里expression實現界面對象的批量控制 -- [DIV+CSS]─ 深山工作室提供網絡投票系統|微信公眾號投票|微信公眾號小程序|抖音小程序|百度小程序|微信公眾號開發|企業網站建設

css里expression實現界面對象的批量控制

天極網 2007/12/1 21:40:20 深山行者字體:大中小瀏覽 6855

用過css樣式我們就知道, 可以定義一批對象的class屬性來指定同一個樣式來統一界面. 但如何統一同類型的對象的事件? 比如:界面有無數個 <img src="**.jpg"> 如何實現鼠標經過此圖片, 圖片的src變成是**_over.jpg?

解決方法: 使用css的expression方法,具體實現要看看.css的寫法:

以下是引用片段：
/*替換圖片CSS*/
#imgScript {   /*這里使用對象ID來通配樣式, 也可以定義一個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()
  {
       /*還原本來的圖片*/
     if(this.HasChg != null){
        this.src = this.name;
        this.HasChg = null;
    }
}
)
}/*end imgScript*/

應用樣式的img:

<img src="a.jpg">

前一頁:純CSS制作的網頁中的lightbox效果

后一頁:Web標準中XHTML的代碼規范

相關閱讀: 網站從http改成https(ssl證書)后設置301跳轉將http跳轉到https的方法; 深山旅行社網站管理系統5.0發布; 深山留言板v4.8 - 5.13母親節模板; uni-app微信小程序分享微信好友與分享到朋友圈功能; 仿taobao效果拼音字母檢索功能; 網站最近更新緩慢說明; 在線支付; 仿百度知道寬度高度自適應的圓角邊框

共有0條關于《css里expression實現界面對象的批量控制》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery設置或獲取修改classname; 利用css3.0寫出一個音樂播放的唱片碟盤的效果; 利用css中的scale()實現放大縮小效果; 利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數字讓背景色透明; css背景使用base64編碼或者將base64編碼放在img圖片標簽中; 利用css3中的-webkit-font-smoothing把網頁文字的毛邊去掉

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 做海外電商單頁的facebook像素廣告代碼與相關事件處理; 利用Asp里的xmlhttp組件來獲取頁面內容; 一些平時用到HTML的過濾; JS獲取網頁中HTML元素的幾種方法; 一些在工作中收集的企業文化標語; uni-app判斷當前客戶端是安卓還是ios還是其它平臺

更多標簽熱門標簽

漸變緩存 ie5.5 購物縮放選項珍惜編輯光標翻頁 confirm Response 超出 height img 漸隱高度 instr 留言板模版首頁蓋樓多選框收藏 FSO innerHTML 右鍵建立日期調色器調色板 Session 替換網頁制作加減背景 web 返回 Excel 限制結果收縮 table 斷線增大繁體經典的頁面輪流判斷創建彈窗