首頁 > web前端 > html教學 > Html CSS浮動的廣告條實作分解_HTML/Xhtml_網頁製作

Html CSS浮動的廣告條實作分解_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:39:37
原創
2298 人瀏覽過

1.html部分

複製代碼
代碼如下:


代碼如下:



代碼如下:



代碼如下:



代碼如下:



代碼如下:



代碼如下:






blog_floatdiv.html



-->






我是浮動的divHtml CSS浮動的廣告條實作分解_HTML/Xhtml_網頁製作

浮動的div
浮動的div浮動的div浮動的div浮動的div浮動的div浮動的div浮動的div浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div 浮動的div浮動的divdiv浮動的div浮動的div浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div 浮動的div 浮動的div 浮動的div 浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div
浮動的div 浮動的div
浮動的div





2.css部分



複製程式碼
程式碼如下:
#fdiv{
width:200px; ;
background: yellow;
position: fixed;
top: 128px;
_position: absolute;
_top: expression(eval(document.documentElement.scrollTop) );
#fdiv img{
margin-left: 190px;
margin-top: 470px; } 3.js部分複製程式碼程式碼如下: $(function() { $("#fdiv img") .click(function(){ $("#fdiv").hide(); }); });
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板