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 相关文章推荐
获得所有表单值的JQuery实现代码[IE暂不支持]
May 24 Javascript
JavaScript中标识符提升问题
Jun 11 Javascript
浅析JS异步加载进度条
May 05 Javascript
js判断出两个字符串最大子串的函数实现方法
Nov 01 Javascript
JavaScript中boolean类型之三种情景实例代码
Nov 21 Javascript
Node.js制作简单聊天室
Jan 12 Javascript
js判断数组是否包含某个字符串变量的实例
Nov 24 Javascript
Vue-Router2.X多种路由实现方式总结
Feb 09 Javascript
详解如何在Angular优雅编写HTTP请求
Dec 05 Javascript
Vue组件内部实现一个双向数据绑定的实例代码
Apr 04 Javascript
JS中自定义事件的使用与触发操作实例分析
Nov 01 Javascript
node 版本切换的实现
Feb 02 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
PHP网页游戏学习之Xnova(ogame)源码解读(九)
2014/06/24 PHP
PHP转盘抽奖接口实例
2015/02/09 PHP
学习thinkphp5.0验证类使用方法
2017/11/16 PHP
PHP中非常有用却鲜有人知的函数集锦
2019/08/17 PHP
javascript的事件描述
2006/09/08 Javascript
Track Image Loading效果代码分析
2007/08/13 Javascript
JavaScript中的其他对象
2008/01/16 Javascript
基于jsTree的无限级树JSON数据的转换代码
2010/07/27 Javascript
javascript重复绑定事件造成的后果说明
2013/03/02 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
JS简单模拟触发按钮点击功能的方法
2015/11/30 Javascript
基于javascript实现tab切换特效
2016/03/29 Javascript
jquery解析XML及获取XML节点名称的实现代码
2016/05/18 Javascript
浅谈js中的in-for循环
2016/06/28 Javascript
js友好的时间返回函数
2016/08/24 Javascript
Bootstrap select下拉联动(jQuery cxselect)
2017/01/04 Javascript
原生js仿淘宝网商品放大镜效果
2017/02/28 Javascript
Vue2.0 vue-source jsonp 跨域请求
2017/08/04 Javascript
小程序云开发实现数据库异步操作同步化
2019/05/18 Javascript
JS实现移动端在线签协议功能
2019/08/22 Javascript
javascript数组的定义及操作实例
2019/11/10 Javascript
js实现AI五子棋人机大战
2020/05/28 Javascript
JS实现省市县三级下拉联动
2020/04/10 Javascript
[02:32]DOTA2亚洲邀请赛 VG战队巡礼
2015/02/03 DOTA
Python 获得命令行参数的方法(推荐)
2018/01/24 Python
对python numpy数组中冒号的使用方法详解
2018/04/17 Python
python 字段拆分详解
2019/12/17 Python
Python面向对象封装操作案例详解 II
2020/01/02 Python
python 制作网站筛选工具(附源码)
2021/01/21 Python
html5 div布局与table布局详解
2016/11/16 HTML / CSS
纽约21世纪百货官网:Century 21
2016/08/27 全球购物
可贵的沉默教学反思
2014/02/06 职场文书
客服部工作职责范本
2014/02/14 职场文书
办公室文员岗位职责
2015/02/04 职场文书
2016会计专业自荐信范文
2016/01/28 职场文书
2019年幼儿园管理条例范本!
2019/07/17 职场文书