首  页  |  酷站  |  精品网站  |  原创作品秀  |  网络学院   |  信息中心  |  艺术设计  |  求职招聘  |  建站资源  |  服装网站  |  论坛  |  设计部落  |  网站综合
个人网页  商业网站  业界动态  设计赛事  网站资源  下载专区  设计欣赏  CG-插画  JS特效  娱乐  国际品牌  知名品牌  服装院校  专题欣赏  SEO  BANNER
域名注册 虚拟主机 广州网站建设 广州网页设计 IDC赞助 设计资源下载 虚拟主机 域名注册 品牌网站建设 服装品牌网站建设 广告服务 网站推广 娱乐
当前位置:首 页 >> JS特效 >> 图形图象类 >> 网页图片特效小技巧

网页图片特效小技巧

来源:天极设计在线 被读973次

中资源
转载请注明出处-中国设计秀-cnwebshow.com

这几个网页图片特效小技巧基本主要利用了一些鼠标控制语句、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>
转载请注明出处-中国设计秀-cnwebshow.com



投稿 】【对本文进行评论】 【字体: 】【发布于2006-01-16 22:00】

相关专题:暂无相关专题

上一篇:图片透明效果   下一篇:无刷新变换BANNER特效代码
 认证LOGO下载
     
Copyright © 2005-2007 中国设计秀_网页设计教程_优秀网页设计欣赏_平面设计欣赏 All Right Reserved.
做最专业的设计服务网站,秀出自我,秀出精彩!中国设计秀,秀---无处不在!!
QQ:54292427  8208442 MSN:kingvisual#hotmail.com 交流群:9107036 3848215 8850631
粤ICP备05067046号 RSS