小技巧 div上有連線效果

2021-05-22 11:28:05 字數 506 閱讀 9348

當你在做頁面時,想給乙個div或p等元素加鏈結,首先你會考慮到a標籤,但是如果在此div內已經包含了多個a標籤,你再在此div上套用a標籤,是不符合標準的,所以考慮用onmouseover事件。

就是這個div,點點看。

其中http://www.baidu.com就是你鏈結到的**。

如果你想此div鏈結滑鼠經過時背景或邊框有所變化,可以通過hover來實現。

css**如下:

div

div:hover,div.hover

這樣當你滑鼠經過這個div時,背景色和邊框都會發生變化,但是此效果在ie6中不能得到效果,因為ie6不支援hover偽類。在上面css樣式中:hover 是給非ie瀏覽器識別的,因為大多數非ie瀏覽器都已經支援任意標記的hover偽類了。.hover是給ie6以及以下版本識別的,因為ie6以及一下版本一直都只支援標記的hover偽類(ie7已支援任意標記hover偽類效果)。

為了讓ie6也能得到hover效果,還需加入以下js**:

div布局小技巧

第一 多個div整齊排列在外層div中,如圖 看到所有小的div的前後左右間隔都相等。假定已經製作好上述單元div控制項。在外層大div中迴圈開始建立它們。for var i 0 i cellsum i 上面有interval,自然能計算出cellwidth,cellheight,設定cell的ma...

android開發小技巧 1 跑馬燈效果

在開發的過程中,有時候介面一定不能完全顯示出文字,這個時候我們就可以使用到跑馬燈了。我們textveiw有屬性可以設定跑馬燈。例如 wrap content android layout height wrap content android text 你好的dskajfkajslkdjfjaksl...

Oracle 小技巧 小知識點隨記 左連線

左連線 簡單講 就是在原表的基礎上根據連線條件新增連線表的某些列 鏈結表中用於和原表連線的字段資料不允許重複 如下圖 如果需要連線的表所用到字段一定有重複怎麼辦?用 distinct 或者 group by 進行篩選 如下 1 select from a left join select disti...