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 相关文章推荐
JavaScript中的稀疏数组与密集数组[译]
Sep 17 Javascript
JQuery拖拽元素改变大小尺寸实现代码
Dec 10 Javascript
纯javascript实现图片延时加载方法
Aug 21 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)
Nov 18 Javascript
WebSocket实现简单客服聊天系统
May 12 Javascript
phantomjs导出html到pdf的方法总结
Oct 19 Javascript
vue中路由参数传递可能会遇到的坑
Dec 07 Javascript
vue better-scroll插件使用详解
Jan 25 Javascript
vue服务端渲染添加缓存的方法
Sep 18 Javascript
Vue实现拖放排序功能的实例代码
Jul 08 Javascript
layui-table表复选框勾选的所有行数据获取的例子
Sep 13 Javascript
vue element el-transfer增加拖拽功能
Jan 15 Vue.js
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服务器页面间跳转实现方法
2012/08/02 PHP
PHP连接MySQL的2种方法小结以及防止乱码
2014/03/11 PHP
关于PHP内置的字符串处理函数详解
2017/02/04 PHP
Discuz不使用插件实现简单的打赏功能
2019/03/21 PHP
PHP 文件写入和读取操作实例详解【必看篇】
2019/11/04 PHP
jQuery在vs2008及js文件中的无智能提示的解决方法
2010/12/30 Javascript
jQuery LigerUI 使用教程表格篇(1)
2012/01/18 Javascript
javascript中的toFixed固定小数位数 简单实例分享
2013/07/12 Javascript
jquery获取一组checkbox的值(实例代码)
2013/11/04 Javascript
一个不错的字符串转码解码函数(自写)
2014/07/31 Javascript
jquery合并表格中相同文本的相邻单元格
2015/07/17 Javascript
JQuery实现级联下拉框效果实例讲解
2015/09/17 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
2016/06/15 Javascript
微信小程序 canvas API详解及实例代码
2016/10/08 Javascript
利用Javascript实现一套自定义事件机制
2017/12/14 Javascript
vue translate peoject实现在线翻译功能【新手必看】
2018/06/07 Javascript
详解基于 Node.js 的轻量级云函数功能实现
2019/07/08 Javascript
HTML+JS实现“代码雨”效果源码(黑客帝国文字下落效果)
2020/03/17 Javascript
JS实现点星星消除小游戏
2020/03/24 Javascript
Vue 中如何将函数作为 props 传递给组件的实现代码
2020/05/12 Javascript
[01:49]一目了然!DOTA2DotA快捷操作对比第二弹
2014/05/16 DOTA
django1.8使用表单上传文件的实现方法
2016/11/04 Python
python中requests库session对象的妙用详解
2017/10/30 Python
Python实现判断一个字符串是否包含子串的方法总结
2017/11/21 Python
Python pip替换为阿里源的方法步骤
2019/07/02 Python
python如何读取bin文件并下发串口
2019/07/05 Python
pytorch 自定义数据集加载方法
2019/08/18 Python
Python气泡提示与标签的实现
2020/04/01 Python
.NET是怎么支持多种语言的
2015/02/24 面试题
后勤园长自我鉴定
2013/10/17 职场文书
如何写自我评价?自我评价写什么好?
2014/03/14 职场文书
矿泉水广告词
2014/03/20 职场文书
党支部公开承诺践诺书
2014/03/28 职场文书
三万活动总结
2014/04/28 职场文书
php TP5框架生成二维码链接
2021/04/01 PHP
python使用pygame创建精灵Sprite
2021/04/06 Python