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里使用Dom操作Xml
Jan 22 Javascript
jQuery 表格工具集
Apr 25 Javascript
js获取IP和PcName(IE)在vs中可用
Aug 02 Javascript
js 3秒后跳转页面的实现代码
Mar 10 Javascript
Javascript基础教程之数组 array
Jan 18 Javascript
jquery实现经典的淡入淡出选项卡效果代码
Sep 22 Javascript
浅析JavaScript作用域链、执行上下文与闭包
Feb 01 Javascript
JavaScript鼠标特效大全
Sep 13 Javascript
jQuery中的AjaxSubmit使用讲解
Sep 25 Javascript
详解JavaScript跨域总结与解决办法
Oct 31 Javascript
解析Vue2.0双向绑定实现原理
Feb 23 Javascript
详解vue中async-await的使用误区
Dec 05 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电台频率大全 - 8 黑龙江省
2020/03/11 无线电
smarty简单分页的实现方法
2014/10/27 PHP
9个经典的PHP代码片段分享
2014/12/18 PHP
javascript 节点遍历函数
2010/03/28 Javascript
基于jquery的web页面日期格式化插件
2011/11/15 Javascript
php的文件上传入门教程(实例讲解)
2014/04/10 Javascript
浅谈Sizzle的“编译原理”
2015/04/14 Javascript
js实现下一页页码效果
2017/03/07 Javascript
react native实现往服务器上传网络图片的实例
2017/08/07 Javascript
在vscode中统一vue编码风格的方法
2018/02/22 Javascript
JavaScript回调函数callback用法解析
2020/01/14 Javascript
解决vue请求接口第一次成功,第二次失败问题
2020/09/08 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
2020/11/12 Javascript
详解vite2.0配置学习(typescript版本)
2021/02/25 Javascript
[03:17]史诗级大片应援2018DOTA2国际邀请赛 致敬每一位坚守遗迹的勇士
2018/07/20 DOTA
paramiko模块安装和使用(远程登录服务器)
2014/01/27 Python
Python中optionParser模块的使用方法实例教程
2014/08/29 Python
Python中类型关系和继承关系实例详解
2015/05/25 Python
python如何实现远程控制电脑(结合微信)
2015/12/21 Python
Python的时间模块datetime详解
2017/04/17 Python
Python set常用操作函数集锦
2017/11/15 Python
pycharm使用matplotlib.pyplot不显示图形的解决方法
2018/10/28 Python
python三方库之requests的快速上手
2019/03/04 Python
详解如何管理多个Python版本和虚拟环境
2019/05/10 Python
python的re模块使用方法详解
2019/07/26 Python
pip 20.3 新版本发布!即将抛弃 Python 2.x(推荐)
2020/12/16 Python
一套软件开发工程师笔试题
2015/05/18 面试题
护理专科毕业自荐信范文
2014/04/21 职场文书
年终考核实施方案
2014/05/26 职场文书
向国旗敬礼活动小结
2014/09/27 职场文书
总经理助理岗位职责范本
2015/03/31 职场文书
2015年客服工作总结范文
2015/04/02 职场文书
晚会主持人开场白台词
2015/05/28 职场文书
汉字听写大会观后感
2015/06/12 职场文书
Python 多线程之threading 模块的使用
2021/04/14 Python
python中Matplotlib绘制直线的实例代码
2021/07/04 Python