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

订阅本栏目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

利用DIV+CSS制作浮动广告,没有用到多少javascript,全是css

深山行者个人网站 2009/2/4 20:30:14 深山行者字体:大中小浏览 12743

以下为详细代码

<!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>

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

<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;top:0;position:absolute;z-index:100;background:red;float:right;}
*html .qqobjbox,*html .qqobjboxove,*html .qqobjboxout {top:expression(offsetParent.scrollTop+20);}
.qqobjbox	 {left:-80px;}
.qqobjboxove {left:0px;}
.qqobjboxout {left:-80px;}
</style>
<script>
function qqboxove(str){document.getElementById(str).className="qqobjboxove";}
function qqboxout(str){document.getElementById(str).className="qqobjboxout";}
</script>

</body>
</html>

前一页:利div+css做的柱状图，代码超级简洁

后一页:这个可以做为论坛，也可以做留言板

相关阅读: 深山旅行社网站管理系统 v1.5; 旅行社网站模板默认风格2; 酒店客房预订商建站解决方案; windows8的iis7应用程序池标识问题; 松原市海航商务旅行社; jquery中动态生成的代码使用on hover事件时不出现效果; 阳光丽江客栈; 连云港五洲旅行社有限公司

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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还有其它的吗

更多>>随机抽取信息: asp模拟动态加载include file; python自动控制鼠标操作pymouse; 通过设置iis的进程池让网站的并发数，性能提升几个档次; 深圳市假日通国际旅行社有限公司; 深山行者留言系统V3.3发布; 详解HTML标记里面的em和strong的区别

更多标签热门标签

美化天气预报营销 confirm 转换文字样式 div web 2.0 素材 input 浮动计划 word-spacing 关键字调色器 email 链接样式圆角变大 textarea 技巧判断打字字体首字母青春 dt 断线版权声明面板 flash 超出 2003 深山 pt 眼睛 web2.0 ie6 关于我们滑动屏幕九宫格管理分页静态电影 visite 单选顶部 ctrl

行业解决方案: 抖音小程序百度小程序微信小程序

了解我们: 关于深山; 业务范围; 案例展示中心; 联系我们; 网站地图; 赞助深山

动态展示: 定制网络投票系统; 定制小程序

服务热线: 13961347334

: 微信公众号二维码

: 百度小程序二维码

: 头条抖音小程序二维码

: 联系微信二维码

: 联系QQ二维码

免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026 深山工作室 All Rights Reserved
服务QQ:565449214 手机:13961347334
ICP备案:苏ICP备15019627号

苏公网安备 32070502010230号