js实现鼠标经过时图片滚动停止的方法

本文实例讲述了js实现鼠标经过时图片滚动停止的方法。分享给大家供大家参考。具体实现方法如下:

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠标经过时,<a href=#> </head>
<style type="text/css">
<!--
#www_jb51_net {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 325px;
height:245px;
}
#www_jb51_net img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
-->
</style>
<body>
向左滚动
<div id="www_jb51_net">
<div id="indemo">
<div id="demo1">
<a href=#> <a href=#> <a href=#> <a href=#> <a href=#> <a href=#> </div>
<div id="demo2"></div>
</div>
</div>
<script>
<!--
var speed=10;
var tab=document.getElementById("www_jb51_net");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

本页内容版权归属为原作者,如有侵犯您的权益,请通知我们删除。
Prop和attr的作用类似 相同点:两者都可以获取属性值和设置属性值 不同点:在处理checkbox上,建议使用prop,原因在于IE浏览器不兼容,因为是相似的所有个人建议使用prop 删除属性的时候使用:removeProp("xxx") 例子: 获取属性值 复制代码 代码如下: var currentChecked=$(".my-checked").prop("checked"); 值为true/false 设置属性值 复制代码 代码如下: var currentChecked=$(".my-chec
今天我们说的是数据类型中的一种Boolean类型,它返回true和false两个字面值,需要注意的是字面值是区分大小写的,也就是除了小写 其他的都只是标识符。 下面主要说的是各种数据类型以及对应的转化规则: 数据类型 转化为true的值 转化为false的值 -------------------------------------------------------------------------------- Boolean true false String 任何非空字符串 ""(空字符串) N
DOM添加元素,使用节点属性 DOM添加元素,使用节点属性 Item 1 [Ctrl+A 全选 注: 如需引入外部Js需刷新才能执行 ] 一、DOM基础 1.节点(node)层次 Document--最顶层的节点,所有的其他节点都是附属于它的。 DocumentType--DTD引用(使用!DOCTYPE语法)的对象表现形式,它不能包含子节点。 DocumentFragment--可以像Document一样来保存其他节点。 Element--表示起始标签和结束标签之间的内容,例如tag/tab或者tag/。
在前端开发中,难免会用到倒计时。如做的双十一活动,在距活动开始的半个月前需要做些宣传工作,需要告知用户优惠活动什么时候开始。这个时候就要用到倒计时,如在整站的某个页面提醒用户活动什么时候开始等。而在活动的后期,特别是在距活动结束仅有1天左右时,就要用到弹窗倒计时。这个倒计时设置在整站的首页顶部(当然也可以设置在其它地方,如首页中部等),并设置弹窗弹出10秒后自动消失,由用户决定是否点击到相应的活动页面,购买产品。 需要的技术支持:CSS3,jQuery库; HTML代码如下: section class=
话说本人转行做了前端,于是乎每天都是些div+css啥的。今天就讲讲这个用js实现类似于A标签里的title或alt功能,至于这个功能有什么好处呢,你听我慢慢道来,首先title或alt属性所带来的提示太过于简单,样式也无法修改,而且鼠标要移到元素上等待1至3秒钟才会显示出来,内容也只有简单的文字,无法加入html内容。所以呢,综上所述,只好自己封装一个属于自己的js提示框了。或许你会说jquery不是有个jtip组件吗?不错,那说明你的思想还挺前卫。如果用得习惯的话那就用吧,反正用谁不是用呢?我只是拿出这
1. 复制代码 代码如下: function fun() { var a="rxm"; b="cwr"; } alert(a);//错误,a局部变量 alert(b); //"cwr",b全局变量。 2. 复制代码 代码如下: var a="rxm"; function fun() { alert(a); var a="123"; alert(a); } fun(); alert(a); 输出结果:undefined;123;rxm
腾讯的ip接口地址:http://fw.qq.com/ipaddress 显IP代码 全部调用 复制代码 代码如下: script type=text/javascript src=http://fw.qq.com/ipaddress/script script type=text/javascript document.write(IPData.join(‘ ‘)); /script 效果:xxx.xxx.xxx.xxx 某某省 某某市 只调用地理位置 复制代码 代码如下: script type=tex
今天总结一下js中几个对象的区别和用法: 首先来说说 parent.window与top.window的用法 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举例说明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写 "window.location.href"、"location
JS: 复制代码 代码如下: function truncateNumber(n){ return n|0; } 测试: 复制代码 代码如下: console.log(truncateNumber(12.345)); 浏览器打印出12

JS 遮照层实现代码 - 2015-06-07 20:06:09

1.先上效果图: 2.使用方法: 初始化:Overlayer.Initialize({ZIndex:100,Backgrund:#666,Opacity:80}); 显示:Overlayer.Show();或Overlayer.Initialize({ZIndex:100,Backgrund:#666,Opacity:80}).Show(); 关闭:Overlayer.Close(); 3.代码如下: 公用函数: 复制代码 代码如下: function GetDocumentObject() { var o