Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)


Posted in Javascript onAugust 15, 2013
setTimeout("document.getElementById('qq_dd').style.display='block'; ",5000);
// JavaScript Document
$(function(){
    if($.browser.msie&&$.browser.version=="6.0"&&$("html")[0].scrollHeight>$("html").height())
        $("html").css("overflowY","scroll");
        $("html").css("overflowX","hidden");
});
function right_down(){
document.writeln("<div id='qq_dd' class='foot_scroll' style='display:none;position:fixed; margin:3px;bottom:3px; right:5px;z-index:1000;_position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_bottom:auto;'><div id='my_img' style='position:relative; *left:550px; width:214px; height:124px; font-size:12px; color:#1670eb; background:url(online_cn_fk.png) no-repeat;'><img src='closed_fk.jpg' style='float:right; cursor:pointer;' id='guanbi'onclick="_gaq.push(['_trackEvent', 'QQDD', 'Click', '关闭']);" /><a href='#'  target='_blank' style='display:block; margin:97px 0 0 100px; display:inline; float:left; color:#1670eb;'><img src='jieshou_fk.jpg' onclick="_gaq.push(['_trackEvent', 'QQDD', 'Click', '咨询']);"  border='0'/></a><span style='cursor:pointer; float:right; margin:74px 35px 0 0; display:inline;' id='guanbi0'><img src='jujue_fk.jpg' onclick="_gaq.push(['_trackEvent', 'QQDD', 'Click', '关闭']);" /></span></div></div>")
}
right_down();
$("#guanbi").click(function(){
$("#my_img").hide();
});
$("#guanbi0").click(function(){
$("#my_img").hide();
});
function rattleimage(){$("#my_img").animate({top:'+=3'},50);$("#my_img").animate({left:'+=3'},50);$("#my_img").animate({top:'-=3'},50);$("#my_img").animate({left:'-=3'},50);$("#my_img").animate({top:'+=3'},50);$("#my_img").animate({left:'+=3'},50);$("#my_img").animate({top:'-=3'},50);$("#my_img").animate({left:'-=3'},50);$("#my_img").animate({top:'+=3'},50);$("#my_img").animate({left:'+=3'},50);$("#my_img").animate({top:'-=3'},50);$("#my_img").animate({left:'-=3'},50);$("#my_img").animate({top:'+=3'},50);$("#my_img").animate({left:'+=3'},50);$("#my_img").animate({top:'-=3'},50);$("#my_img").animate({left:'-=3'},50);$("#my_img").animate({top:'+=3'},50);$("#my_img").animate({left:'+=3'},50);$("#my_img").animate({top:'-=3'},50); $("#my_img").animate({left:'-=3'},50);$("#my_img").fadeOut("slow");$('#my_img').fadeIn('slow');setTimeout("rattleimage()",10000);}
rattleimage();
Javascript 相关文章推荐
[Web]防止用户复制页面内容和另存页面的方法
Feb 06 Javascript
解析jquery中的ajax缓存问题
Dec 19 Javascript
原生js和jQuery写的网页选项卡特效对比
Apr 27 Javascript
Javascript中的getUTCHours()方法使用详解
Jun 10 Javascript
纯jquery实现模仿淘宝购物车结算
Aug 20 Javascript
jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载】
Jul 19 Javascript
前端 Vue.js 和 MVVM 详细介绍
Dec 29 Javascript
js实现产品缩略图效果
Mar 10 Javascript
脚手架vue-cli工程webpack的作用和特点
Sep 29 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
May 12 Javascript
js实现移动端吸顶效果
Jan 08 Javascript
Angular CLI发布路径的配置项浅析
Mar 29 Javascript
js控制表单操作的常用代码小结
Aug 15 #Javascript
固定网页背景图同时保持图片比例的思路代码
Aug 15 #Javascript
jQuery UI 实现email输入提示实例
Aug 15 #Javascript
javascript中如何处理引号编码&amp;#034;
Aug 15 #Javascript
Jquery中val()表单取值赋值的实例代码
Aug 15 #Javascript
jquery ajax方式直接提交整个表单核心代码
Aug 15 #Javascript
js冒泡法和数组转换成字符串示例代码
Aug 14 #Javascript
You might like
Flash空降上海 化身大魔王接受挑战
2020/03/02 星际争霸
一个很方便的 XML 类!!原创的噢
2006/10/09 PHP
php 传值赋值与引用赋值的区别
2010/12/29 PHP
PHP直接修改表内容DataGrid功能实现代码
2015/09/24 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
JavaScript更改class和id的方法
2008/10/10 Javascript
通过Javascript将数据导出到外部Excel文档的函数代码
2012/06/15 Javascript
$.each遍历对象、数组的属性值并进行处理
2014/07/18 Javascript
jQuery中attr()和prop()在修改checked属性时的区别
2014/07/18 Javascript
javascript实现获取指定精度的上传文件的大小简单实例
2016/10/25 Javascript
js实现消息滚动效果
2017/01/18 Javascript
Bootstrap popover 实现鼠标移入移除显示隐藏功能方法
2018/01/24 Javascript
浅谈PDF.js使用心得
2018/06/07 Javascript
vue如何根据网站路由判断页面主题色详解
2018/11/02 Javascript
Unicode和Python的中文处理
2017/03/19 Python
python多维数组切片方法
2018/04/13 Python
解决Pycharm无法import自己安装的第三方module问题
2018/05/18 Python
python获取url的返回信息方法
2018/12/17 Python
使用pth文件添加Python环境变量方式
2020/05/26 Python
Python+Opencv实现把图片、视频互转的示例
2020/12/17 Python
python opencv实现直线检测并测出倾斜角度(附源码+注释)
2020/12/31 Python
英国汽车座椅和婴儿车购物网站:Uber Kids
2017/04/19 全球购物
旧时光糖果:Old Time Candy
2018/02/05 全球购物
值类型与引用类型有什么不同?请举例说明?并分别列举几种相应的数据类型
2015/10/24 面试题
个人思想理论学习的自我鉴定
2013/11/30 职场文书
装修设计师求职信
2014/02/26 职场文书
煤矿安全生产责任书
2014/04/15 职场文书
诚信承诺书模板
2014/05/26 职场文书
亲子运动会的活动方案
2014/08/17 职场文书
2015年为民办实事工作总结
2015/05/26 职场文书
张思德观后感
2015/06/09 职场文书
婚育证明格式
2015/06/17 职场文书
2016年禁毒宣传活动总结
2016/04/05 职场文书
Python使用sql语句对mysql数据库多条件模糊查询的思路详解
2021/04/12 Python
Qt自定义Plot实现曲线绘制的详细过程
2021/11/02 Python
关于使用Redisson订阅数问题
2022/01/18 Redis