探索设计与体验的融合
Fusion design exploration and experience
黄埔新闻动态
News
好的黄埔网络营销公司会给客户提出建设性的意见,善于对客户进行良性引导
您的位置:>> 黄埔网站首页 >> 技术文章
黄埔鼠标经过图片时,图片渐变出现的效果

<script language="JavaScript" type="text/JavaScript">
<!--
function  trains(id,text){document.all[id].innerHTML=' '+text}
function  trainpic(id,text){document.all[id].innerHTML='<img  src="'+text+'.gif">'}
function  high(which2){
theobject=which2;theobject.filters.alpha.opacity=0
highlighting=setInterval("highlightit(theobject)",50)}
function  low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=100}
function  highlightit(cur2){
if  (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=15
else  if(window.highting)
clearInterval(highlighting)}
//-->
</script>
写好以上的Script后,在图片里加入onmouseover="this.style.filter='alpha(opacity=100)';high(this)" onmouseout="low(this)",在鼠标经过时,就开始执行以上程序。
如以下例子:
<img src="images/zhaoshan01.gif" onmouseover="this.style.filter='alpha(opacity=100)';high(this)" onmouseout="low(this)">

相关链接>>
您对此文有什么评论?
类型: 意见建议 内容报错
网友对此文的评论:
未有评论!