HOME
BBS
深山帮帮欢迎您,您可以注册或者
qq登录只需一步,快速开始
深山旅行社网站管理系统开发完成,欢迎各位网友测试! 点这里测试
565449214 给站长留言
订阅本栏目 RSS您所在的位置: 深山工作室 > DIV+CSS学习 > 正文

利用DIV+CSS制作浮动广告

深山行者个人网站 2009-1-22 23:35:58 admin 字体:  浏览 12252 我要评论
以下为详细代码

以下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>

 

后一页:竖排的选项卡
Ads loading...
相关阅读
( 2010-4-29 22:41:32 )利用position把div放在flash上
( 2009-12-22 14:07:43 )IE中奇怪的左右border断线现象
( 2009-2-4 20:30:14 )利用DIV+CSS制作浮动广告,没有用到多少javascript,全是css
( 2009-1-22 23:35:58 )利用DIV+CSS制作浮动广告
( 2008-12-10 21:26:06 )几个经典的css技巧
( 2008-6-29 20:45:46 )CSS教程:弄懂闭合浮动元素
( 2008-6-2 20:47:44 )DIV+CSS奇怪问题之边界(margin)叠加
( 2008-5-25 21:06:19 )CSS的优化与技巧
共有0条关于《利用DIV+CSS制作浮动广告》的评论
发表评论
正在加载评论……
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 400 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
深山工作室网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

Ads loading...
更多信息>>栏目类别选择
rss学习
个人空间
网站设计
网站公告
下载
photoshop学习
ASP学习
DIV+CSS学习
SEO搜索引擎忧化
java学习
HTML学习
网站信息
网站类信息
更多>>同类信息
利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器
在table中tr的display:block在firefox下显示布局错乱问题
在未知图片的宽度与高度时利用div+css将图片居中
用css做的英文首字母大写和英文全都大写通过各个浏览器
css优先级的例子
让DIV固定在浏览器窗口的底部(兼容IE6)
MarkMan 马克鳗,让设计更有爱 (超级给力的页面标注工具)
IE8 CSS HACK 兼容
Ads loading...
更多>>最新添加文章
批量删除access字段里面fld.Properties.Delete
ASP操作access或sqlserver数据库的函数库
asp采用access数据库搜索信息时因为日文片假名问题提示“Microsoft JET Database Engine 错误80040e14”的解决方法
asp中求两个数的百分比(利用百分比函数FormatPercent就可以自带%的符号)
asp利用sql操作数据表、数据库的一些方法
rs操作数据表记录集对象的方法
asp利用dateadd获得上个月、本月、下个月的第一天和最后一天
asp随机显示字符长度与类型(可随机显示数字、小写字母、大写字母,可以做为随机密码使用)
  • 业务 QQ:565449214
  • 手机:139 6134 7334
更多>>随机抽取信息
Javascript JS 限制复选框的选择个数(3)
一个javascript写的RGB的调色器,非常不错
网页页面变灰,网页变成黑白色
当鼠标靠在某个字上时,背景也随之改变
javascript自动获取Tags关键字
在网页上禁止鼠标右键的方法(1)
购物时某件商品倒计时销售非常不错
图片渐显轮流播放
Ads loading...