调用jQuery滑出效果时闪烁的解决方法


Posted in Javascript onMarch 27, 2014

问题现象如题所示,在调用jQuery 滑出效果时,层会现次闪烁一下.在网上找了许多解决文案,说要加如下标示:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

可问题是现在的 标题头已 为 html4.0 ,如若改为上面的情况,则页面会乱掉。最终找到了一个高手写的东东,重写的jQuery的滑出

效果。高手的链接地址如下:
http://aqr199.myweb.hinet.net/jquery_slide_iebug.htm

代码如下:

var b1 = new slide_fix($('#Div3')); 
$('#Button5').click(function(){b1.close();});//收 
$('#Button6').click(function(){b1.open();});//? function slide_fix(b){ 
var h = b.height(); 
var step = 600; 
var time = 13; 
this.open = function(){ 
timeRate(step,function(c,r){ 
var h1 = h*r; 
b.height(h1); 
if(c==1){b.show();} 
}); 
} 
this.close = function(){ 
timeRate(step,function(c,r){ 
var h1 = h *(1-r); 
b.height(h1); 
if(r==1){b.hide();} 
}); 
} 
function timeRate(step,fn){ 
var t = now(); 
var count = 1; 
var timeId = setInterval(function(){ 
var t1 = now(); 
var rate = ((t1-t)>step) ? 1 : (t1-t)/step; 
fn(count,rate); 
if(rate==1){clearInterval(timeId);} 
count++; 
},time); 
} 
function now() { 
return (new Date).getTime(); 
} 
}
Javascript 相关文章推荐
JavaScript中使用Substring删除字符串最后一个字符
Nov 03 Javascript
详解jquery uploadify 上传文件
Nov 09 Javascript
用JavaScript实现类似于ListBox功能示例代码
Mar 09 Javascript
标题过长使用javascript按字节截取字符串
Apr 24 Javascript
javascript中的Base64、UTF8编码与解码详解
Mar 18 Javascript
JavaScript中Number.MIN_VALUE属性的使用示例
Jun 04 Javascript
Omi v1.0.2发布正式支持传递javascript表达式
Mar 21 Javascript
JS 60秒后重新发送验证码的实例讲解
Jul 26 Javascript
vue实现页面加载动画效果
Sep 19 Javascript
详解vue-meta如何让你更优雅的管理头部标签
Jan 18 Javascript
JavaScript实现五子棋游戏的方法详解
Jul 08 Javascript
Vue自定义全局弹窗组件操作
Aug 11 Javascript
jquery选择符快速提取web表单数据示例
Mar 27 #Javascript
页面元素绑定jquery toggle后元素隐藏的解决方法
Mar 27 #Javascript
javascript怎么禁用浏览器后退按钮
Mar 27 #Javascript
js弹出确认是否删除对话框
Mar 27 #Javascript
js或jquery实现页面打印可局部打印
Mar 27 #Javascript
window.location.href IE下跳转失效的解决方法
Mar 27 #Javascript
jquery无法设置checkbox选中即没有变成选中状态
Mar 27 #Javascript
You might like
PHP编程函数安全篇
2013/01/08 PHP
PHP实现一个多功能购物网站的案例
2017/09/13 PHP
javascript引导程序
2008/10/26 Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
2011/01/12 Javascript
JavaScript输出当前时间Unix时间戳的方法
2015/04/06 Javascript
jquery中map函数遍历数组用法实例
2015/05/18 Javascript
JavaScript运算符小结
2015/06/03 Javascript
js实现图片放大和拖拽特效代码分享
2015/09/05 Javascript
jQuery获取checkboxlist的value值的方法
2015/09/27 Javascript
js面向对象的写法
2016/02/19 Javascript
jQuery的实例及必知重要的jQuery选择器详解
2016/05/20 Javascript
JS Canvas定时器模拟动态加载动画
2016/09/17 Javascript
jQuery点击弹出层弹出模态框点击模态框消失代码分享
2017/01/21 Javascript
jQuery Plupload上传插件的使用
2017/04/19 jQuery
chorme 浏览器记住密码后input黄色背景处理方法(两种)
2017/11/22 Javascript
vue强制刷新组件的方法示例
2019/02/28 Javascript
Angular6项目打包优化的实现方法
2019/12/15 Javascript
解决Python字典写入文件出行首行有空格的问题
2017/09/27 Python
python requests使用socks5的例子
2019/07/25 Python
python字符串格式化方式解析
2019/10/19 Python
解决安装新版PyQt5、PyQT5-tool后打不开并Designer.exe提示no Qt platform plugin的问题
2020/04/24 Python
WiFi云数码相框:Nixplay
2018/07/05 全球购物
SmartBuyGlasses意大利:购买太阳镜、眼镜和隐形眼镜
2018/11/20 全球购物
FILA德国官方网站:来自意大利的体育和街头服饰品牌
2019/07/19 全球购物
顺丰快递Java软件工程师面试题
2015/07/31 面试题
网络工程系信息安全技术专业大学生求职信
2013/10/22 职场文书
中学生个人自我评价
2014/02/06 职场文书
师范类求职信
2014/06/21 职场文书
护士优质服务演讲稿
2014/08/26 职场文书
中级会计大学生职业生涯规划书
2014/09/16 职场文书
大学生实习证明范本
2014/09/19 职场文书
工作违纪检讨书范文
2015/01/26 职场文书
刑事附带民事起诉状
2015/05/19 职场文书
应用最多的公文《通知》如何写?
2019/04/02 职场文书
python-opencv 中值滤波{cv2.medianBlur(src, ksize)}的用法
2021/06/05 Python
springmvc直接不经过controller访问WEB-INF中的页面问题
2022/02/24 Java/Android