社区
ASP
帖子详情
问问怎么实现鼠标悬停,就象新浪上的新闻一样,当鼠标一停那里,新闻就不动了,就可以点击了
dylyonia
2003-12-26 02:37:30
就是跑马灯显示新闻后,当你的鼠标点到这一条的时候,新闻条不动了,可以让你点击了
...全文
309
16
打赏
收藏
问问怎么实现鼠标悬停,就象新浪上的新闻一样,当鼠标一停那里,新闻就不动了,就可以点击了
就是跑马灯显示新闻后,当你的鼠标点到这一条的时候,新闻条不动了,可以让你点击了
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
16 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
m117zerozhang
2010-06-16
打赏
举报
回复
我们公司现在要更新一个程序,我是个JAVASCRIPT 的新手,对这样的程序没有什么太多的理解,现在我有一个程序,请高手分析好吗?
<!--
/*JS Marquee Version 1.2(Javascript实现Marquee的效果,实现无缝/有间隙的二维滚动效果)*/
/*Author : ChenReal
Email : chenreal@21cn.com
Date : 2007-10-22*/
function Marquee(MarName)
{
this.ID = document.getElementById(MarName);
this.Speed = 30; //数字越大速度越慢
this.Direction = 0;//滚动方向:0代表左;1代表右;2代表上;3代表下
this.Width = 0;//高度
this.Height = 0;//宽度
this.Space = 0;//是否有间隙:0代表否;1代表是
this.Tag = "p";//滚动内容的标签,默认是<p>,也可以是<ul>,实践证明:<p>与<ul>不能嵌套使用。其他标签暂时不推荐。
//开始滚动
this.Start = function(){
MarqueeStart(this,this.Direction,this.Width,this.Height,this.Speed,this.Space,this.Tag);
}
//停止滚动并释放对象
this.End = function(){
MarqueeEnd(this);
}
}
function MarqueeStart(Mar,Direction,Width,Height,Speed,Space,Tag){
var msobj;
if(typeof(Mar) == "string"){
msobj = new Marquee(Mar);
}
if(typeof(Mar) == "object"){
msobj = Mar;
}
if(!msobj.ID) return;
msobj.ID.style.width = Width + "px";
msobj.ID.style.height = Height + "px";
msobj.ID.style.overflow = msobj.ID.style.overflowX = msobj.ID.style.overflowY = "hidden";
msobj.Direction = Direction;
msobj.Width = Width;
msobj.Height = Height;
msobj.Speed = Speed;
msobj.Space = Space;
msobj.Tag = Tag;
msobj.InnerDiv = msobj.ID.getElementsByTagName("div")[0];
if(!msobj.InnerDiv) return;
msobj.InnerDiv.innerHTML += msobj.InnerDiv.innerHTML;
msobj.Inner = msobj.ID.getElementsByTagName(Tag);
if(!msobj.Inner) return;
switch(Direction)
{
case 2:
msobj.InnerDiv.style.width = Width + "px";
msobj.Inner[0].style.width =Width + "px";
msobj.Inner[1].style.width =Width + "px";
if(Height>=msobj.Inner[1].offsetHeight || msobj.Space ==1){
msobj.Inner[0].style.paddingTop = Height + "px";
msobj.Inner[1].style.paddingTop = Height + "px";;
}
break;
case 3:
msobj.InnerDiv.style.width = Width + "px";
msobj.Inner[0].style.width =Width + "px";
msobj.Inner[1].style.width =Width + "px";
if(Height>=msobj.Inner[1].offsetHeight || msobj.Space ==1){
msobj.Inner[0].style.paddingBottom = Height + "px";
msobj.Inner[1].style.paddingBottom = Height + "px";
}
break;
default:
msobj.InnerDiv.noWrap = true;
if(Width >= msobj.Inner[1].offsetWidth || msobj.Space ==1){
msobj.Inner[0].style.paddingLeft = Width + "px";
msobj.Inner[1].style.paddingLeft = Width + "px";
}
break;
}
msobj.ID.onmouseover = function(){
clearInterval(msobj.TimerID);
}
msobj.ID.onmouseout = function(){
clearInterval(msobj.TimerID);
msobj.TimerID = funcInterval(MarqueeScroll,msobj.Speed,msobj);
}
msobj.TimerID = funcInterval(MarqueeScroll,msobj.Speed,msobj);
}
function MarqueeScroll(Mar){
switch(Mar.Direction)
{
case 0:
if(Mar.Inner[1].offsetWidth-Mar.ID.scrollLeft<=0)
Mar.ID.scrollLeft-=Mar.Inner[0].offsetWidth;
else{
Mar.ID.scrollLeft++;
}
break;
case 1:
if(Mar.ID.scrollLeft==0)
Mar.ID.scrollLeft=Mar.Inner[1].offsetWidth;
else{
Mar.ID.scrollLeft--;
}
break;
case 2:
if(Mar.Inner[1].offsetHeight-Mar.ID.scrollTop<=0)
Mar.ID.scrollTop-=Mar.Inner[0].offsetHeight;
else{
Mar.ID.scrollTop++;
}
break;
case 3:
if(Mar.ID.scrollTop<=0)
Mar.ID.scrollTop = Mar.Inner[1].offsetHeight;
else{
Mar.ID.scrollTop--;
}
break;
}
}
function MarqueeEnd(Mar){
if(!Mar)return;
if(typeof(Mar.TimerID) == "number") {
clearInterval(Mar.TimerID);
Mar = null;
}
}
function funcInterval(funcName,time){
var args=[];
for(var i=2;i<arguments.length;i++){
args.push(arguments[i]);
}
return window.setInterval(function(){
funcName.apply(this,args);
},time);
}
//-->
dylyonia
2003-12-26
打赏
举报
回复
好,谢谢!结贴
say1no2
2003-12-26
打赏
举报
回复
晕,不是吧!到这份上了,还不会?!!!
<%
set rs=conn.execute("select * from .......")
%>
<marquee direction="left" scrollamount="10" onMouseOver="stop()" onMouseOut="start()">
<%=rs("xxxxx")%>
</marquee>
luluso
2003-12-26
打赏
举报
回复
<table width="776" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><marquee behavior="scroll" scrollDelay=80 scrollamount="5" onmouseover="this.stop()" onmouseout="this.start()"><%=rs("表字段")%> </marquee> </td>
</tr>
</table>
/////////
<%=rs("表字段")%>
取库的内容并显示,点击并停止.
dylyonia
2003-12-26
打赏
举报
回复
而且我的新闻是数据库里调出来的
dylyonia
2003-12-26
打赏
举报
回复
我只要文字移动就行了
回xupiao(不看連續劇
我会很快结贴的,谢谢
xupiao
2003-12-26
打赏
举报
回复
如果可以請結帖
sxsgssgs
2003-12-26
打赏
举报
回复
还是用下面的这一段吧,比前边的更好一点。
<table width="776" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><marquee behavior="scroll" scrollDelay=80 scrollamount="5" onmouseover="this.stop()" onmouseout="this.start()">
<a href="aaa.asp"><IMG src="picture.gif" border=0>这就是图片和文字一块移动</a>
</marquee> </td>
</tr>
</table>
say1no2
2003-12-26
打赏
举报
回复
用上面的代码就可以了
sxsgssgs
2003-12-26
打赏
举报
回复
还是用下面的这一段吧,比前边的更好一点。
<table width="776" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><marquee behavior="scroll" scrollDelay=80 scrollamount="5" onmouseover="this.stop()" onmouseout="this.start()">
<a href="aaa.asp"><IMG src="picture.gif" border=0>这就是图片和文字一块移动</a>
</marquee> </td>
</tr>
</table>
say1no2
2003-12-26
打赏
举报
回复
<marquee direction="left" scrollamount="10" onMouseOver="stop()" onMouseOut="start()">
<a href="#">dssfsdfsdf</a> <a href="#">dssfsdfsdf</a>
</marquee>
hnjava
2003-12-26
打赏
举报
回复
onmousemove=stop()
sxsgssgs
2003-12-26
打赏
举报
回复
<table width="776" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><marquee behavior="scroll" scrollDelay=80 scrollamount="5" onmouseover="this.stop()" onmouseout="this.start()">
<IMG onmouseover=stop=1;
onmouseout=stop=0; src="picture.gif" border=0>这就是图片和文字一块移动
</marquee> </td>
</tr>
</table>
把这一段拷到你新建的网里,保存然后浏览,看看效果。就知道了。
sxsgssgs
2003-12-26
打赏
举报
回复
<IMG onmouseover=stop=1;
onmouseout=stop=0; src="picture.gif" border=0>
这个就没问题了。
dylyonia
2003-12-26
打赏
举报
回复
欧,
hrh1979
2003-12-26
打赏
举报
回复
onmousemove事件中,让其停止运动就行了。
html中
实现
鼠标悬停
放大,如何
实现
鼠标悬停
图片放大的效果。
在网页上我们经常看到
鼠标悬停
在一个图片上,这张图片会慢慢的放大,感觉是像放大镜放大的效果,
当鼠标
移开的时候,图片有恢复原来的样子,今天就
实现
这种效果。
实现
原理以思路:1,首先这是一张图片在悬停时放大也就是改变大小(宽,高)
实现
的。2,一张图片在放大的时候会根据其定位(如在div里面的图片会以div的左上角为基准扩大宽和高)来放大的,因此如果我们不去为图片添加相对定位并且不去调节扩大后的位置,他的放...
WinForm
实现
鼠标悬停
显示控件
WinForm
实现
鼠标悬停
显示控件 在某些需频繁操作的环节中,为提高效率、减少劳动,可以在操作细节上下功夫,以带来更好的用户体验。 今天介绍的
鼠标悬停
显示功能就是一例,看似仅仅节省了一次
点击
,实则在繁复操作中能够为用户节约很多体力,提高舒适度。 本例中的基本需求是: 鼠标移入设置区域后,直接弹出详尽设置内容,并当进行了设置或鼠标移出弹出的设置区域后,自动关闭弹出的设置区域。 在这
JS
实现
鼠标悬停
变色
本文
实现
的是利用JS
实现
当
鼠标悬停
在表格上的时候,表格发生变色。 CSS渲染 JS逻辑 `
html
鼠标悬停
图片显示文字,原生JS
实现
鼠标悬停
图片显示文字的简单示例
这篇文章主要为大家详细介绍了原生JS
实现
鼠标悬停
图片显示文字的简单示例,具有一定的参考价值,可以用来参考一下。感兴趣原生JS
实现
鼠标悬停
图片显示文字的简单示例的小伙伴,下面一起跟随512笔记的小编罗X来看看吧。无标题文档*{ margin:0; padding:0}.box{ height:260px; width:400px; position:relative}.mask{ position:...
html
鼠标悬停
边框颜色,CSS
实现
鼠标悬停
图片时的边框变色效果
CSS
实现
鼠标悬停
图片时的边框变色效果,CSSS双边框,
鼠标悬停
变色效果,用CSS
实现
的图片双边框效果,
鼠标悬停
经过时显示背景色,很简单的效果,网上常见,代码不复杂,用的是一些基本的CSS知识。CSS Border双边框-www.codesc.net*{margin:0;padding:0;list-style:none;font-size:14px}h1{margin:10px;}img{bor...
ASP
28,391
社区成员
357,060
社区内容
发帖
与我相关
我的任务
ASP
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
复制链接
扫一扫
分享
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章