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 相关文章推荐
JS 统计时间
Mar 09 Javascript
用JS操作FRAME中的IFRAME及其内容的实现代码
Jul 26 Javascript
js中设置元素class的三种方法小结
Aug 28 Javascript
非常强大的 jQuery.AsyncBox 弹出对话框插件
Aug 29 Javascript
javascript模版引擎-tmpl的bug修复与性能优化分析
Oct 23 Javascript
JS对select控件option选项的增删改查示例代码
Oct 21 Javascript
在 Express 中使用模板引擎
Dec 10 Javascript
深入探究AngularJS框架中Scope对象的超级教程
Jan 04 Javascript
js删除数组中的元素delete和splice的区别详解
Feb 03 Javascript
一份超级详细的Vue-cli3.0使用教程【推荐】
Nov 15 Javascript
JavaScript位置参数实现原理及过程解析
Sep 14 Javascript
vue-cropper插件实现图片截取上传组件封装
May 27 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重定向的3种方式
2013/03/07 PHP
PHP实现的回溯算法示例
2017/08/15 PHP
PHP数据库操作四:mongodb用法分析
2017/08/16 PHP
PHP PDOStatement::errorCode讲解
2019/01/31 PHP
在JavaScript中遭遇级联表达式陷阱
2007/03/08 Javascript
javascript与CSS复习(二)
2010/06/29 Javascript
浅谈关于JavaScript的语言特性分析
2013/04/11 Javascript
使用js判断当前时区TimeZone是否是夏令时
2014/02/23 Javascript
动态加载js的方法汇总
2015/02/13 Javascript
js操作table元素实现表格行列新增、删除技巧总结
2015/11/18 Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
2017/01/19 Javascript
Jquery实现跨域异步上传文件总结
2017/02/03 Javascript
Vue原理剖析 实现双向绑定MVVM
2017/05/03 Javascript
VeeValidate 的使用场景以及配置详解
2019/01/11 Javascript
Vue实现base64编码图片间的切换功能
2019/12/04 Javascript
基python实现多线程网页爬虫
2015/09/06 Python
Unicode和Python的中文处理
2017/03/19 Python
numpy判断数值类型、过滤出数值型数据的方法
2018/06/09 Python
利用pyuic5将ui文件转换为py文件的方法
2019/06/19 Python
详解如何用python实现一个简单下载器的服务端和客户端
2019/10/28 Python
Python 实现训练集、测试集随机划分
2020/01/08 Python
VScode连接远程服务器上的jupyter notebook的实现
2020/04/23 Python
python使用Word2Vec进行情感分析解析
2020/07/31 Python
详解CSS3 filter:drop-shadow滤镜与box-shadow区别与应用
2020/08/24 HTML / CSS
Calphalon美国官网:美国顶级锅具品牌
2020/02/05 全球购物
毕业设计计划书
2014/01/09 职场文书
教师自我反思材料
2014/02/14 职场文书
餐厅销售主管职责范本
2014/02/19 职场文书
商铺门前三包责任书
2014/07/25 职场文书
2014年信息技术工作总结
2014/12/16 职场文书
长江三峡导游词
2015/01/31 职场文书
教您怎么制定西餐厅运营方案 ?
2019/07/05 职场文书
React + Threejs + Swiper 实现全景图效果的完整代码
2021/06/28 Javascript
详解Flutter和Dart取消Future的三种方法
2022/04/07 Java/Android
Spring Data JPA框架持久化存储数据到数据库
2022/04/28 Java/Android
vue中data里面的数据相互使用方式
2022/06/05 Vue.js