深山工作室

深山工作室 >

利用DIV+CSS制作浮动广告

以下为详细代码

以下ASP版代码段:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

</head>

<body>


<FORM METHOD=POST ACTION="">
 <SELECT NAME="qqboxlr">
  <OPTION VALUE="right" SELECTED>向"左"边靠
  <OPTION VALUE="left">向"右"边靠
 </SELECT>
 <SELECT NAME="qqboxtb">
  <OPTION VALUE="top" SELECTED>向"上"边靠
  <OPTION VALUE="bottom">向"下"边靠
 </SELECT>
 X轴:<INPUT TYPE="text" NAME="qqboxx">
 <INPUT TYPE="submit" value="提交">
</FORM>

<div style="height:1500px;background:#f0f0f0;"></div>

<%
'可以设置X轴与Y轴
qqboxx = Trim(request("qqboxx"))
If qqboxx = "" Then
 qqboxxs = "0"
Else
 qqboxxs = qqboxx
End If

qqboxlr = Trim(request("qqboxlr"))
'qqboxlr = "right" 'qqboxlr 控制左右位置
 if qqboxlr = "left" then
  qqboxlrs = "right:"
 elseIf qqboxlr = "right" then
  qqboxlrs = "left:"
 end If

qqboxtb = Trim(request("qqboxtb"))
'qqboxtb = "bottom"  'qqboxtb 控制上下位置
 If qqboxtb = "top" Then
  qqboxtbs = "top:"
 ElseIf qqboxtb = "bottom" Then
  qqboxtbs = "bottom:"
 End if
%>

<div id="qqobjbox" class="qqobjbox" style="display:block;" onmousemove="qqboxove('qqobjbox');" onmouseout="qqboxout

('qqobjbox');">
qqbox
</div>


<style>

.qqobjbox,.qqobjboxove,.qqobjboxout {width:100px;height:80px;position:fixed !important;<%=qqboxtbs%>0;position:absolute;z-

index:100;background:red;float:<%=qqboxlr%>;}
*html .qqobjbox,*html .qqobjboxove,*html .qqobjboxout {<%=qqboxtbs%>expression(offsetParent.scrollTop+20);}
.qqobjbox  {<%=qqboxlrs%>-80px;}
.qqobjboxove {<%=qqboxlrs%>0px;}
.qqobjboxout {<%=qqboxlrs%>-80px;}

</style>
<script>

function qqboxove(str){document.getElementById(str).className="qqobjboxove";}
function qqboxout(str){document.getElementById(str).className="qqobjboxout";}
</script>

</body>
</html>

 

前一页:css解决中英混合链接下划线不对齐问题
后一页:竖排的选项卡
相关阅读
利用position把div放在flash上
IE中奇怪的左右border断线现象
利用DIV+CSS制作浮动广告,没有用到多少javascript,全是css
利用DIV+CSS制作浮动广告
几个经典的css技巧
CSS教程:弄懂闭合浮动元素
DIV+CSS奇怪问题之边界(margin)叠加
CSS的优化与技巧
更多>>DIV+CSS相关信息
jquery设置或获取修改classname
利用css3.0写出一个音乐播放的唱片碟盘的效果
利用css中的scale()实现放大缩小效果
利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
css背景使用base64编码或者将base64编码放在img图片标签中
更多>>最新添加
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法