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表格翻页效果的具体实现
Oct 05 Javascript
jQuery控制元素显示、隐藏、切换、滑动的方法总结
Apr 16 Javascript
深入学习JavaScript中的Rest参数和参数默认值
Jul 28 Javascript
jQuery AjaxUpload 上传图片代码
Feb 02 Javascript
jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
Apr 16 Javascript
javascript简单实现等比例缩小图片的方法
Jul 27 Javascript
jquery submit()不能提交表单的解决方法
Apr 24 jQuery
详解Vue.js基于$.ajax获取数据并与组件的data绑定
May 26 Javascript
初探JavaScript 面向对象(推荐)
Sep 03 Javascript
浅析Node.js非对称加密方法
Jan 29 Javascript
JavaScript惰性求值的一种实现方法示例
Jan 11 Javascript
JavaScript缺少insertAfter解决方案
Jul 03 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
全国FM电台频率大全 - 2 天津市
2020/03/11 无线电
解析linux下安装memcacheq(mcq)全过程笔记
2013/06/27 PHP
解析PHP中的unset究竟会不会释放内存
2013/07/18 PHP
php面向对象中static静态属性和静态方法的调用
2015/02/08 PHP
PHP创建多级目录的两种方法
2016/10/28 PHP
JS创建优美的页面滑动块效果 - Glider.js
2007/09/27 Javascript
javascript顺序加载图片的方法
2015/07/18 Javascript
Java Mybatis框架入门基础教程
2015/09/21 Javascript
快速学习jQuery插件 Cookie插件使用方法
2015/12/01 Javascript
Bootstrap 布局组件(全)
2016/07/18 Javascript
利用jQuery实现滑动开关按钮效果(附demo源码下载)
2017/02/07 Javascript
JS数组操作中的经典算法实例讲解
2017/07/26 Javascript
VeeValidate在vue项目里表单校验应用案例
2018/05/09 Javascript
react 应用多入口配置及实践总结
2018/10/17 Javascript
Python实现删除文件但保留指定文件
2015/06/21 Python
Python测试网络连通性示例【基于ping】
2018/08/03 Python
python的常用模块之collections模块详解
2018/12/06 Python
python接口自动化(十六)--参数关联接口后传(详解)
2019/04/16 Python
浅谈Python_Openpyxl使用(最全总结)
2019/09/05 Python
python验证码图片处理(二值化)
2019/11/01 Python
Numpy中的数组搜索中np.where方法详细介绍
2021/01/08 Python
纯css3制作网站后台管理面板
2014/12/30 HTML / CSS
使用Html5中的cavas画一面国旗
2019/09/25 HTML / CSS
Nice Kicks网上商店:ShopNiceKicks.com
2018/12/25 全球购物
一套带网友答案的.NET笔试题
2016/12/06 面试题
毕业证丢失证明
2014/01/15 职场文书
人力资源部经理的岗位职责
2014/03/04 职场文书
餐饮投资计划书
2014/04/25 职场文书
2014年巴西世界杯口号
2014/06/05 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
公司2014年度工作总结
2014/12/10 职场文书
小班下学期幼儿评语
2014/12/30 职场文书
元宵节寄语大全
2015/02/27 职场文书
主持人开场白台词
2015/05/29 职场文书
Django项目配置Memcached和Redis, 缓存选择哪个更有优势
2021/04/06 Python
django如何自定义manage.py管理命令
2021/04/27 Python