没有合适的资源?快使用搜索试试~ 我知道了~
ASP.NET中实现图片滚动
![star](https://csdnimg.cn/release/downloadcmsfe/public/img/star.98a08eaa.png)
温馨提示
![preview](https://dl-preview.csdnimg.cn/txt_preview/2432151/2432151_thumbnail_1.jpg?x-oss-process=style/thumbnail)
![preview-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/scale.ab9e0183.png)
试读
7页
阿是非得失撒电风扇飞是地方方法飞地方地方 大幅度发 的地方
资源推荐
资源详情
资源评论
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![aspx](https://img-home.csdnimg.cn/images/20210720083646.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
ASP.NET实现图片不间断滚动,鼠标经过图片后图片放大JS页面特效 2009-10-28 18:07:28 阅读721 评论0 字号:大中小
<!--图片鼠标放上放大 开始-->
<div id="a1" style=" position:absolute; z-index:2;"></div>
<!--循环开始-->
<div align='center' id='demo' style="overflow:hidden;height:160px;width:291px;">
<table border='0' align='center' cellpadding='0' cellspacing="0">
<tr>
<td id='demo1' valign='top'>
<table width="110" border="0" cellspacing="0" cellpadding="0">
<tr>
<!--图片数据循环调用开始--->
<td valign="top">
<table width="100%" height="auto" border="0" cellspacing="2" cellpadding="0"class="img02">
<tr align="center" valign="middle">
<td>
<asp:DataList ID="img_showlist_dl" runat="server" CellPadding="0" RepeatDirection="Horizontal">
<ItemTemplate>
<img src='../<%# Eval("photo") %>' title="<%# Eval("title") %>" alt="<%# Eval("alt") %>" style="width:50px; height :80px;" onmousemove="show(event,'../<%# Eval("photo") %>','<%# Eval("title") %>')" onmouseout="hide(this)" >
</ItemTemplate>
</asp:DataList>
</td>
</tr>
</table>
</td>
<!--图片数据循环调用结束--->
</tr>
</table></td>
<td id="demo2" valign="top"></td>
</tr>
</table>
<!--图片鼠标放上放大 开始-->
<div id="a1" style=" position:absolute; z-index:2;"></div>
<!--循环开始-->
<div align='center' id='demo' style="overflow:hidden;height:160px;width:291px;">
<table border='0' align='center' cellpadding='0' cellspacing="0">
<tr>
<td id='demo1' valign='top'>
<table width="110" border="0" cellspacing="0" cellpadding="0">
<tr>
<!--图片数据循环调用开始--->
<td valign="top">
<table width="100%" height="auto" border="0" cellspacing="2" cellpadding="0"class="img02">
<tr align="center" valign="middle">
<td>
<asp:DataList ID="img_showlist_dl" runat="server" CellPadding="0" RepeatDirection="Horizontal">
<ItemTemplate>
<img src='../<%# Eval("photo") %>' title="<%# Eval("title") %>" alt="<%# Eval("alt") %>" style="width:50px; height :80px;" onmousemove="show(event,'../<%# Eval("photo") %>','<%# Eval("title") %>')" onmouseout="hide(this)" >
</ItemTemplate>
</asp:DataList>
</td>
</tr>
</table>
</td>
<!--图片数据循环调用结束--->
</tr>
</table></td>
<td id="demo2" valign="top"></td>
</tr>
</table>
</div>
<script type="text/javascript" language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
</script>
<!--循环结束-->
<!---------->
<script>
function show(event,_this,mess) {
event = event || window.event;
var t1="<table cellspacing='1' cellpadding='10' style='border-color:#CCCCCC;background-color:#FFFFFF;font-size:12px;border-style:solid; border-width:thin;text-align:center;'><tr><td><img src='" + _this + "' width='300' height='225' > <br>"+mess+"</td></tr></table>";
document.getElementById("a1").innerHTML =t1;
//document.getElementById("a1").innerHTML = "<img src='" + _this.src + "' >";
document.getElementById("a1").style.top = document.body.scrollTop + event.clientY + 10 + "px";
document.getElementById("a1").style.left = document.body.scrollLeft + event.clientX + 10 + "px";
document.getElementById("a1").style.display = "block";
}
function hide(_this) {
<script type="text/javascript" language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
</script>
<!--循环结束-->
<!---------->
<script>
function show(event,_this,mess) {
event = event || window.event;
var t1="<table cellspacing='1' cellpadding='10' style='border-color:#CCCCCC;background-color:#FFFFFF;font-size:12px;border-style:solid; border-width:thin;text-align:center;'><tr><td><img src='" + _this + "' width='300' height='225' > <br>"+mess+"</td></tr></table>";
document.getElementById("a1").innerHTML =t1;
//document.getElementById("a1").innerHTML = "<img src='" + _this.src + "' >";
document.getElementById("a1").style.top = document.body.scrollTop + event.clientY + 10 + "px";
document.getElementById("a1").style.left = document.body.scrollLeft + event.clientX + 10 + "px";
document.getElementById("a1").style.display = "block";
}
function hide(_this) {
剩余6页未读,继续阅读
![avatar](https://profile-avatar.csdnimg.cn/ae0734809eda4c3ea60c409864bdf505_jinyongzhu2010.jpg!1)
jinyongzhu2010
- 粉丝: 1
- 资源: 3
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
最新资源
- TSM2301ACX-RF-VB一款SOT23封装P-Channel场效应MOS管
- TPS1120DRG4-VB一款SOP8封装2个P-Channel场效应MOS管
- videovideovideovideovideovideo
- Groovy入门经典脚本语言
- TPC8408-H-VB一款SOP8封装N+P-Channel场效应MOS管
- jxls-core源码包已修改好
- TPC8406-H-VB一款SOP8封装N+P-Channel场效应MOS管
- 第三届全国大学生服务外包创新创业大赛(智能楼宇能耗管理系统)
- TPC8303-VB一款SOP8封装2个P-Channel场效应MOS管
- 1212338883_2402103_9.4.1.7_20240624104230_679666580_a.apk
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)
安全验证
文档复制为VIP权益,开通VIP直接复制
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)
- 1
- 2
- 3
前往页