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

1.html部分

複製代碼

代碼如下:

代碼如下:



代碼如下:



代碼如下:



代碼如下:



代碼如下:



代碼如下:










-->

我是浮動的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浮動的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(); }); });