欢迎光临
我们一直在努力

网页图片特效小技巧-网页设计,Dreamweaver

建站超值云服务器,限时71元/月

    这几个网页图片特效小技巧基本主要利用了一些鼠标控制语句、css滤镜代码,加上简单的javascript语句实现的,简单有趣,可以作为帮助一些朋友javascript入门的小例子。<br><br>  <strong>图片循环渐显渐隐</strong> <br><br>  效果描述:图片循环渐显渐隐……<br><br>  实现方法:<br><br>  1、把如下代码加入<body>区域中: </font><xmp><img src=”image1.gif” name=”u” border=0
alt=”image” style=”filter:alpha(opacity=0)”>

<script language=”javascript”>
var b = 1;
var c = true;
function fade(){
  if(document.all);
    if(c == true) {
      b++;
  }
  if(b==100) {
    b–;
    c = false
  }
  if(b==10) {
    b++;
    c = true;
  }
  if(c == false) {
    b–;
  }
  u.filters.alpha.opacity=0 + b;
  settimeout(“fade()”,50);
}
</script> </xmp>  2、把<body>改为: <xmp><body bgcolor=”#ffffff” onload=”fade()”> </xmp>  注:图片的文件名及路径可以自行修改。 <br><br>  <strong>禁止图片下载<br><br></strong>  效果描述:设置某一图片禁止下载,鼠标移动到图片上面时将会给出提示,此方法治标不治本,只能骗骗菜鸟。 <br><br>  实现方法: <xmp><a href=”javascript:void(0)” onmouseover=”alert(对不起,此图片不能下载!)”>
<img src=”2.gif” align=”center” border=”0″ width=”99″ height=”50″></a> </xmp>  注:图片的文件名及路径可以自行修改。<br>

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 网页图片特效小技巧-网页设计,Dreamweaver
分享到: 更多 (0)

相关推荐

  • 暂无文章