利用DIV+CSS制作浮动广告 -- [DIV+CSS]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

利用DIV+CSS制作浮动广告

深山行者个人网站 2009/1/22 23:35:58 admin 字体:大中小浏览 15420

以下为详细代码

<!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>利用DIV+CSS制作浮动广告,没有用到多少javascript,全是css</title>
</head>

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

</body>
</html>

以下ASP版代码段：

</head>

<body>

<%
'可以设置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解决中英混合链接下划线不对齐问题

相关阅读: 一个非常好的photoshop cs 教程下载地址; javascript取汉字拼音首字母缩写程序; 利ASP里的FOS导出WORD或Excel文档(本人测试成功); 石家庄长兴国际旅行社; 深山留言板5.0新版; 点击密码框弹出小键盘; asp设置cookies过期时间的几种方法; 佳达国际货运代理有限公司

共有0条关于《利用DIV+CSS制作浮动广告》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

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

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: jquery设置或获取修改classname; 利用css3.0写出一个音乐播放的唱片碟盘的效果; 利用css中的scale()实现放大缩小效果; 利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明; css背景使用base64编码或者将base64编码放在img图片标签中; 利用css3中的-webkit-font-smoothing把网页文字的毛边去掉

更多>>最新添加文章: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗

更多>>随机抽取信息: 深山行者留言系统V2.3; Web标准中XHTML的代码规范; 连云港门窗制作; 正则表达式全部符号解释; asp利文本文档加FSO统计网站访问量的方法; 深山留言板过年回家效果

更多标签热门标签

增高半透明界面成功 li XMLHTTP ewebeditor 工作 label 调节文字垂直居中收藏夹换行网站 rss 动态 FSO 理想 xml 边框 radio 改变 relative dreawmeaver web 2.0 购物字节数网站地图三级 2.0 display 执行转换变幻滤镜 qq right 收藏跳转拖动 openwin 正则颜色对象个人 absolute Request 杈规 考试 IE8 过滤