百独托管7500 紫田网络超高转化播放器收cps[推荐]速盾CDN 免实名免备防屏蔽阿里云 爆款特卖9.9元封顶提升alexa、IP流量7Q5团队
【腾讯云】中小企福利专场【腾讯云】多款产品1折起高防 随时退换 好耶数据小飞国外网赚带你月入万元炎黄网络4H4G10M 99每月
香港带宽CN2/美国站群优惠中客数据中心 服务器租用联盟系统移动广告平台 中易企业专场腾讯云服务器2.5折九九数据 工信部正规资质
腾讯云新用户大礼包代金券高价收cpa注册量高价展示【腾讯云】2核2G/9.93起租服务器找45互联 随时退换阿里云 短信服务 验证秒达

[闲聊畅谈] 求一个类似糗事百科的右侧悬浮广告代码 [复制链接]
查看:3141 | 回复:8

落伍网友
落伍网友  发表于 2014-5-19 20:01:26 |阅读模式 来自 中国江苏南通
20积分
本帖最后由 匿名 于 2014-5-19 20:04 编辑

求一个类似糗事百科的右侧悬浮广告代码,能兼容各浏览器,网页上下移动广告不变,网上找了不少不能用,下面这个自己扒的一个兼容性不行,火狐下正常,其他浏览器下面抖动的厉害,距离顶部距离过远
  1. <div id="xuanfu">
  2. 广告代码
  3. </div>
复制代码
  1. // JavaScript Document

  2. $(function () {
  3. var ie6 = document.all;
  4. var dv = $('#xuanfu'), st;
  5. dv.attr('otop',(dv.offset().top+1)); //存储原来的距离顶部的距离
  6. $(window).scroll(function () {
  7. st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
  8. if (st > parseInt(dv.attr('otop'))) {
  9. if (ie6) {//IE6不支持fixed属性,所以只能靠设置position为absolute和top实现此效果
  10. dv.css({ position: 'absolute', top: st });
  11. }
  12. else if (dv.css('position') != 'fixed') dv.css({ 'position': 'fixed', top: 0 });
  13. } else if (dv.css('position') != 'static') dv.css({ 'position': 'static' });
  14. });
  15. });
复制代码

最佳答案

查看完整内容

干脆丢个代码给你吧,代码分3部分,HTML页面的DIV、JS代码、CSS代码 详细代码进去看吧,我没测试,你测试后记得回复效果。
回复

使用道具 举报

111

主题

5380

帖子

5万

积分

落伍者(五谷丰登)

im286首席鉴黄师

Rank: 8Rank: 8

贡献
495
鲜花
71
注册时间
2009-8-23

QQ绑定落伍者落伍微信绑定落伍手机绑定

发表于 2014-5-19 20:01:27 | 显示全部楼层 来自 中国江西南昌
干脆丢个代码给你吧,代码分3部分,HTML页面的DIV、JS代码、CSS代码
http://www.jb51.net/article/34822.htm

详细代码进去看吧,我没测试,你测试后记得回复效果。
九九数据!10年老牌IDC,专业、专注、靠谱!(听说可以卖签名?)
回复

使用道具 举报

4070

主题

2万

帖子

8041

积分

落伍者(三羊开泰)

Rank: 3Rank: 3

贡献
5032
鲜花
73
注册时间
2009-11-21

QQ绑定落伍手机绑定

发表于 2014-5-19 20:33:13 | 显示全部楼层 来自 中国广东东莞
这东西我们放不了,放了就是作比。。。


回复

使用道具 举报

6877

主题

3万

帖子

1万

积分

落伍者(四季发财)

Rank: 4

贡献
749
鲜花
56
注册时间
2010-3-22
发表于 2014-5-19 21:39:46 | 显示全部楼层 来自 中国内蒙古呼和浩特
我也想要
回复

使用道具 举报

101

主题

1万

帖子

1万

积分

落伍者(四季发财)

Rank: 4

贡献
612
鲜花
23
注册时间
2007-12-10

落伍手机绑定

发表于 2014-5-19 23:03:44 | 显示全部楼层 来自 中国安徽合肥
同球
研究了很久,没头绪
自己写了一个,抖动厉害,影响用户体验
回复

使用道具 举报

111

主题

5380

帖子

5万

积分

落伍者(五谷丰登)

im286首席鉴黄师

Rank: 8Rank: 8

贡献
495
鲜花
71
注册时间
2009-8-23

QQ绑定落伍者落伍微信绑定落伍手机绑定

发表于 2014-5-20 11:03:11 | 显示全部楼层 来自 中国江西南昌
找一个有那种效果的网站,直接扒过来。
或者找一下WordPress或哪个CMS的模板,现在很多模板有这种侧栏浮动的效果,然后直接看模板代码。
九九数据!10年老牌IDC,专业、专注、靠谱!(听说可以卖签名?)
回复

使用道具 举报

落伍网友
落伍网友  发表于 2014-5-20 11:43:08 来自 中国江苏南通
子鹏 发表于 2014-5-20 11:14
干脆丢个代码给你吧,代码分3部分,HTML页面的DIV、JS代码、CSS代码

详细代码进去看吧,我没测试,你测试 ...

暂时没测试,昨晚在百度联盟里面找到了悬停代码,实现了这个功能,很不错!不过还是要谢谢你!
回复

使用道具 举报

111

主题

5380

帖子

5万

积分

落伍者(五谷丰登)

im286首席鉴黄师

Rank: 8Rank: 8

贡献
495
鲜花
71
注册时间
2009-8-23

QQ绑定落伍者落伍微信绑定落伍手机绑定

发表于 2014-5-20 11:48:32 | 显示全部楼层 来自 中国江西南昌
匿名者 发表于 2014-5-20 11:43
暂时没测试,昨晚在百度联盟里面找到了悬停代码,实现了这个功能,很不错!不过还是要谢谢你!

那出于分享的精神,你应该把你找的能用的代码分享出来。
九九数据!10年老牌IDC,专业、专注、靠谱!(听说可以卖签名?)
回复

使用道具 举报

落伍网友
落伍网友  发表于 2014-5-20 12:01:50 来自 中国江苏南通
子鹏 发表于 2014-5-20 11:48
那出于分享的精神,你应该把你找的能用的代码分享出来。

我贴出来的那个代码目前来看最简单,昨晚测试了,火狐和搜狗浏览器下面试用正常,QQ浏览器下面抖动的有点厉害
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

论坛客服/商务合作/投诉举报:2171544 (QQ)
落伍者创建于2001/03/14,本站内容均为会员发表,并不代表落伍立场!
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论!
落伍官方微信:2030286 邮箱:(djfsys@gmail.com|tech@im286.com)
© 2001-2014

浙公网安备 33060302000191号

浙ICP备11034705号 BBS专项电子公告通信管[2010]226号

  落伍法律顾问: ITlaw-庄毅雄

手机版|找回帐号|不能发帖?|Archiver|落伍者

GMT+8, 2024-11-25 18:49 , Processed in 0.067512 second(s), 31 queries , Gzip On.

返回顶部