asp javascript 通过放大切换图片实现类似屏保效果
2008-11-06 10:40
1036 查看
<style type="text/css">
#ShowContent
{
display: none;
position: absolute;
top: 105px;
left: 280px;
width: 588px;
height: 400px;
vertical-align:middle;
font-size:12pt;
background-color: #D5DEE6;
z-index:1002;
}
</style>
<script language=javascript type=text/javascript>
<!--
var focus_widths=588;
var focus_heights=400;
var text_heights=20;
var swf_heights = focus_heights+text_heights;
var pics="<%=strimg%>";
var links="<%=strlink%>";
var texts ="<%=strtitle%>";
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_widths +'" height="'+ swf_heights +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="img/FlashView.swf"><param name="quality" value="high"><param name="bgcolor" value="#DADADA">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_widths+'&borderheight='+focus_heights+'&textheight='+text_heights+'">');
document.write('<embed src="media/FlashView.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_widths+'&borderheight='+focus_heights+'&textheight='+text_heights+'" menu="false" bgcolor="#DADADA" quality="high" width="'+ focus_widths +'" height="'+ swf_heights +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
//-->
</script>
</div>
<script language="javascript">
var time = 0;
document.body.onmousemove = function cmm()
{
document.getElementById("ShowContent").style.display = "none";
time = 0
}
function cmmnull()
{
if (window.event==null && time == 10)
{
document.getElementById("ShowContent").style.display = "block";
time = 0;
}
else
{
time++;
}
setTimeout('cmmnull()',1000);
}
setTimeout('cmmnull()',1000);
</script>
#ShowContent
{
display: none;
position: absolute;
top: 105px;
left: 280px;
width: 588px;
height: 400px;
vertical-align:middle;
font-size:12pt;
background-color: #D5DEE6;
z-index:1002;
}
</style>
<script language=javascript type=text/javascript>
<!--
var focus_widths=588;
var focus_heights=400;
var text_heights=20;
var swf_heights = focus_heights+text_heights;
var pics="<%=strimg%>";
var links="<%=strlink%>";
var texts ="<%=strtitle%>";
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_widths +'" height="'+ swf_heights +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="img/FlashView.swf"><param name="quality" value="high"><param name="bgcolor" value="#DADADA">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_widths+'&borderheight='+focus_heights+'&textheight='+text_heights+'">');
document.write('<embed src="media/FlashView.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_widths+'&borderheight='+focus_heights+'&textheight='+text_heights+'" menu="false" bgcolor="#DADADA" quality="high" width="'+ focus_widths +'" height="'+ swf_heights +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
//-->
</script>
</div>
<script language="javascript">
var time = 0;
document.body.onmousemove = function cmm()
{
document.getElementById("ShowContent").style.display = "none";
time = 0
}
function cmmnull()
{
if (window.event==null && time == 10)
{
document.getElementById("ShowContent").style.display = "block";
time = 0;
}
else
{
time++;
}
setTimeout('cmmnull()',1000);
}
setTimeout('cmmnull()',1000);
</script>
相关文章推荐
- 类似 MSDN CSDN 左边导航树效果的实现! [JavaScript + ASP]
- 纯原生javascript实现图片轮播切换效果代码。
- 利用javascript从数据库取数据来实现CSDN首页图片的切换效果
- javascript实现图片切换的幻灯片效果源代码
- JavaScript实现图片切换效果
- JavaScript + CSS 实现图片放大预览效果
- 利用javascript从数据库取数据来实现CSDN首页图片的切换效果
- 下拉实现头部图片放大效果,实现类似QQ,新浪个人中心界面
- JavaScript实现简单的图片轮播(通过点击左右焦点切换)
- 在asp.net中使用jQuery实现类似QQ网站的图片切割效果
- jQuery实现类似淘宝网图片放大效果的方法
- 网页制作用JavaScript实现不同风格的图片切换效果
- 基于javascript实现图片切换效果
- 通过CSS切换图片效果,点击这个图片可以实现连接功能,这里的图片在一张大图片中,每个并要切换的图片没有切换,通过disposition定位的方式做
- JavaScript通过mouseover()实现图片变大效果的示例
- 利用Javascript 与 VBscript 在asp中实现图片自动切换
- 利用javascript从数据库取数据来实现CSDN首页图片的切换效果(新增下载地址)
- JavaScript实现图片的滑动切换效果 的Js代码
- JavaScript实现的放大镜放大图片效果