为什么js调用css脚本后没效果
来源:互联网 发布:快速借到钱的软件 编辑:程序博客网 时间:2024/05/16 19:33
这个是css的脚本代码:
body,ul,li{margin: 0; padding: 0; border: 0;}
body {background: #f5f0e0;}
ul#nav {width: 700px; margin: 0 auto; text-align: center;}
ul#nav li { float:right;
list-style: none;
}
ul#nav li a {
display: block;
width: 97px;
height: 77px;
padding: 72px 0 0 0;
margin: 0 32px 0 32px;
font: bold 16px Helvetica;
text-transform: uppercase;
color: #9c5959;
background:url(images/label.png) 0 -149px no-repeat;
}
ul#nav li a:hover {background: url(images/label.png) 0 0 no-repeat;color: #eee9d9;}
ul#nav li a.js:hover {background: url(images/label.png) 0 -149px no-repeat;}
这个是js的脚本代码:
$(document).ready(function() {
$("ul#nav li a").hover(
function (){$(this).animate({backgroundPosition:"(0 0)"}, 300);}, /*设置图片上啦时间*/
function (){$(this).animate({backgroundPosition:"(0 -149px)"}, 300);}/*设置图片下啦时间*/
);});
这样子应该有效果的啊 怎么点击时候 图片是直接就下来了 而不是慢慢的滚动下来?
body,ul,li{margin: 0; padding: 0; border: 0;}
body {background: #f5f0e0;}
ul#nav {width: 700px; margin: 0 auto; text-align: center;}
ul#nav li { float:right;
list-style: none;
}
ul#nav li a {
display: block;
width: 97px;
height: 77px;
padding: 72px 0 0 0;
margin: 0 32px 0 32px;
font: bold 16px Helvetica;
text-transform: uppercase;
color: #9c5959;
background:url(images/label.png) 0 -149px no-repeat;
}
ul#nav li a:hover {background: url(images/label.png) 0 0 no-repeat;color: #eee9d9;}
ul#nav li a.js:hover {background: url(images/label.png) 0 -149px no-repeat;}
这个是js的脚本代码:
$(document).ready(function() {
$("ul#nav li a").hover(
function (){$(this).animate({backgroundPosition:"(0 0)"}, 300);}, /*设置图片上啦时间*/
function (){$(this).animate({backgroundPosition:"(0 -149px)"}, 300);}/*设置图片下啦时间*/
);});
这样子应该有效果的啊 怎么点击时候 图片是直接就下来了 而不是慢慢的滚动下来?
0 0
- 为什么js调用css脚本后没效果
- javaWeb项目,修改css或者js文件后前台显示没效果
- willAnimateFirstHalfOfRotationToInterfaceOrientation 为什么没调用????
- 版本更新后js和css没更新
- UpdatePanel 加载后 调用Js脚本
- 为什么css的box-shadow和border-radius没效果解决方法
- android GridView横向滑动后 为什么MyGridView.setSelection(position) 就没效果了
- html + css 在设置了 z-index 属性后没效果的问题解决办法
- 单击链接后颜色变化效果,js,css代码
- JS脚本执行后CSS失效的问题
- UpdatePanel中内容异步加载后,调用JS脚本方法
- [windows]双击js脚本图标后调用cscript运行
- 解决CSS、JS文件更新网站效果却没实时更新的问题
- 调用CSS,调用JS
- 作用primefaces后页面没效果
- chsh命令执行后没效果
- 为什么struts2 action处理后返回到界面css效果都不起作用
- js+css分页效果
- 请教 DirectGraphics.drawPixels
- 如何通过获取手机的联网方式列表
- Android能否在子线程中更新UI呢?
- react-native ListView 通过Navigator传递数据
- mysql 多表链接查询
- 为什么js调用css脚本后没效果
- 用canvas制作显示图片的画面,有问题,附代码,帮忙分析一下,
- 在首页使用Pageview底部菜单栏后java文件设置无效
- 怎么对一张图片进行局部拉伸,变形,或放大?
- 图片上传方式的问题
- 这JS怎么错了,怎么不会跳转了,JS菜鸟请求高人指点下,谢谢
- M330的手机密码怎么解除?
- 如何优化网站速度?
- 如何配置RVCT