社区
JavaScript
帖子详情
div中图片随机漂浮,急!急!急!
mjj490052734
2010-12-22 06:37:33
一个固定宽度和高度的DIV,这个DIV是页面自动居中的,div里有若干的图片,图片在
div中
随机漂浮,
漂浮的同时
,部分图片慢慢变大,部分图片慢慢变小。
兼容各浏览器及版本
js如何写呢?可以用Jquery。
请教高手!!!!
...全文
167
1
打赏
收藏
div中图片随机漂浮,急!急!急!
一个固定宽度和高度的DIV,这个DIV是页面自动居中的,div里有若干的图片,图片在div中随机漂浮,漂浮的同时,部分图片慢慢变大,部分图片慢慢变小。 兼容各浏览器及版本 js如何写呢?可以用Jquery。 请教高手!!!!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
奇乐二二二
2010-12-22
打赏
举报
回复
大概思路:一个固定宽度和高度的DIV,这个的css属性relative ,设置包含图片的div属性为absolute,然后设置setInterval('sss()',1);sss()内改变图片的大小,图片的大小变化是随机的,就是说每个图片可能变大也可能变小,sss()内还要能改变图片的坐标。
基于JavaScript代码实现
随机
漂浮
图片
广告
在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上<!DOCTYPE html>类似标签之后,
漂浮
效果就会失效,下面分享一个符合标准的
漂浮
代码,使需要的朋友免去大量改造代码的繁琐。 代码一: 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>
漂浮
广告代码</title> <style type="text/css"> #the
div
{ z-index:100; positio
多条广告
漂浮
将广告内容放在
div
中
,设置一个id,然后用下面方法调用 var adcls=new AdMove("
div
的id"); adcls.Run(); 注意,在调用前要先引用Main.js和AdFloat.js,
div
也要在调用前写好,原因就不用说了吧 或者也可以用下面方法,在页面加载完成时调用,就不用考虑位置了addEvent(window,"load",initad); function initad(){ var adcls=new AdMove("
div
的id"); adcls.Run(); } 还有两个方法一般情况下没什么用,有兴趣的可以试试,功能是设置
漂浮
的起始坐标和方向的,如果省掉的话是
随机
位置
随机
方向 adcls.SetLocation(x,y) adcls.SetDirection(dirx,diry)
漂浮
广告的斜率是每次碰壁后
随机
改变的,这样就决不可能出现多个广告,起始位置和方向一致导致其
中
一个总是被挡住,虽然几率很小
DIV
布局和CSS精讲
本课程是带领大家学习Pc端网页、app、小程序的布局以及样式添加,学完本课程,大家可以对任意网页实现布局,思路清新。课程简介:1,html5编辑器的介绍和使用2,块标签3,内联标签4,超链接和锚点5,12种选择器6,颜色7,单位8,css属性9,盒模式10,
div
布局11,内容
图片
12,布局
图片
13,用户交互
图片
14,字体15,表单16,表格17,浮动18,定位19,内联框架20,搜索引擎优化21,实战案例
s2招聘特效制作项目
javascript 常用的特效: 1。
DIV
套表格布局页面 2、网页左侧实现带关闭按钮、随滚动条上下移动的广告层 3、
随机
漂浮
的
图片
广告 4、向上、向左滚动的信息(利用marquee跑马灯实现) 5、最热招聘(本页内链接) 6、页面打开时,弹出广告窗口 7、二级的横向菜单,鼠标移动一级菜单时,二级菜单显示,离开时,二级菜单隐藏;鼠标在菜单上时,超链接文字及背景样式改变 8、四幅
图片
循环显示的横幅广告 4、职位按地区搜索,实现级联的二级下拉列表框 10、左侧的功能菜单下的超链接,实现对应网页右侧相对层的显示、隐藏效果 。。。。。。
网页广告 代码全集 js 广告代码 大全 1-61 (A)
常用 网页广告 代码全集 js 广告代码 大全 120种 1:对联广告代码演示下载 2:对联广告带关闭代码演示下载 3:大幅广告自动翻滚代码演示下载 4:大幅
图片
广告代码演示下载 5:横向滚动
图片
代码演示下载 6:幻灯
图片
代码演示下载 7:大幅自动轮换代码演示下载 8:对联广告带上面关闭代码下载 9:右上角翻页关闭代码演示下载 10:两个焦点代码演示下载 11:页面随意
漂浮
代码演示下载 12:自由变化显示方式代码演示下载 13:右上拉链式打开代码演示下载 14:全屏缩放广告代码演示下载 15:右下角提示消息广告代码下载 16:右下角弹出关闭变背投演示下载 17:右侧提示点击成全屏演示下载 18:宽频焦点代码演示下载 19:横向移动视觉广告代码演示下载 20:向左移动的广告代码演示下载 21:竖行友情链向上移动代码下载 22:跟随下拉框的广告代码演示下载 23:交叉分离式广告代码演示下载 24:幻灯10个
图片
轮换代码演示下载 25:分组相关的
图片
导航代码1下载 26: 分组相关的
图片
导航代码2下载 27:分组相关的
图片
轮换演示下载 28:列表式广告代码演示下载 29:杂志式幻灯广告代码演示下载 30:影院模式幻灯广告代码演示下载 31:易趣产品幻灯广告代码演示下载 32:两侧翻牌的广告代码演示下载 33:
div
+css显示对联带关闭代码下载 34:文字导航广告代码演示下载 35:文字滚动消息广告代码下载 36:大幅商品展示广告代码下载 37:TOP排列幻灯广告代码下载 38:下拉显示幻灯广告代码下载 39:文字上翻幻灯广告代码下载 40:随数字快速翻动幻灯代码下载 41:随
图片
快速翻动幻灯代码下载 42:两边
漂浮
和
中
间
漂浮
组合下载 43:
随机
显示广告
图片
代码下载 44:可以设定播放速度的代码下载 45:很不错的
漂浮
广告代码下载 46:
图片
变换特效广告代码下载 47:鼠标移动提示的广告代码下载 48:漂亮的放GG代码的广告框架下载 49:破SP2弹窗24小时弹一次下载 50:定时关闭的背投广告代码下载 51:仿GG和百度的文字浮动广告下载 52:绕过XP关闭弹出代码下载 53:关闭弹出两窗口的代码下载 54:鼠标经过即弹出广告代码下载 55:按钮跳出广告代码下载 56:左边底部悬浮代码下载 57:滑动展开/收缩广告代码下载 58:点空白页面也弹出代码下载 59:置顶收栏关闭效果代码下载 60:新浪FLASH切换广告下载 61:不错的
漂浮
广告代码下载 62:24小时退弹一次的代码下载 63:顶部收缩广告效果yahoo-IE7下载 64:仿QQ消息弹出广告效果下载 65:不可阻止的退弹代码演示下载 66:网易顶部展出的大幅广告下载 67:包含flash的通栏滚动banner下载 68:MiniTabbedPages雅虎TAB下载 69:FLASH
图片
轮换播放器下载 70:flash+xml
图片
轮换效果下载 71:调用灵活的flash焦点图轮换下载 72:附带缩略图的JS
图片
轮换下载 73:可翻阅上一条下一条滚动下载 74:MSN左上角flash伸缩广告下载 75:雅虎社区4屏焦点轮换下载 76:搜狐娱乐flash焦点图广告下载 77:FLASH+XML迅雷影片广告特效下载 78:韩国购物网FLASH滚动广告下载 79:Flash+XML滚动新闻代码下载 80:西安腾讯网flash焦点广告下载 81:四屏flash
图片
轮换代码下载 82:
图片
渐变轮换焦点图效果下载 83:CSS写的
图片
滚动下拉广告下载 84:MSN超酷flash
图片
轮换下载 85:沪江英语网3图弹性广告下载 86:SOHU体育flash
图片
轮换下载 87:MSN频道4屏新闻广告效果下载 88:用层实现的滚动条效果下载 89:迅雷网七屏flash广告轮换下载 90:奥林匹克运动会焦点广告下载 91:一种选项卡样式广告代码下载 92:网站页首可关闭广告条下载 93:flash无限
图片
展示广告下载 94:电子杂志首页flash焦点图下载 95:Zcom电子杂志flash焦点图下载 96:flash滑动焦点图广告代码下载 97:9格FLASH
图片
广告代码下载 98:MSN健康频道CSS标准焦点图下载 99:JS带缩略图的5屏轮换广告下载 100:JS4屏焦点图轮换代码下载 101:索尼
中
国Flash+Xml广告 下载 102:弹性菜单样式的
图片
展示 下载 103:带摘要的Flash
图片
代码下载 104:JS
图片
卷帘门效果下载 105:3d
图片
墙flash+xml 下载 106:360度旋转展示flash+xml 下载 107:带翻页的JS
图片
切换效果 下载 108:J
JavaScript
87,907
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章