1. 爱易网页
  2. HTML教程
  3. 图片的CSS渐变成效

图片的CSS渐变成效

日期：2014-05-17　 浏览次数：20826 次

图片的CSS渐变效果
一直都对美工的工作比较感兴趣，最近公司项目需要，顺便网上搜索了个效果。记录一下。


<%@ page language="java" errorPage="/error.jsp" pageEncoding="UTF-8" contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>


<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>Dv110</title>
   <meta name="decorator" content="defaultMain">
<script language="javascript" type="text/javascript">
<!--

function Show_Sub(id_num,num){ //舌签功能
for(var i = 0;i <= 9;i++){
   if(GetObj("S_Menu_" + id_num + i)){GetObj("S_Menu_" + id_num + i).className = '';}
   if(GetObj("S_Cont_" + id_num + i)){GetObj("S_Cont_" + id_num + i).style.display = 'none';}
}
if(GetObj("S_Menu_" + id_num + num)){GetObj("S_Menu_" + id_num + num).className = 'selectd';}
if(GetObj("S_Cont_" + id_num + num)){GetObj("S_Cont_" + id_num + num).style.display = 'block';}
}


function GetObj(objName){
if(document.getElementById){
   return eval('document.getElementById("' + objName + '")');
}else{
   return eval('document.all.' + objName);
}
}

//-->
</script>
</head>
<body>
   <table width="1004" border="0" cellspacing="0" cellpadding="0">
    <tr>
     <td colspan="4" class="Area501">
      <img id="imgLoading0" style="FILTER: revealTrans(duration=1,transition=5)" src="${ctxPath}/images/view.jpg" width="440" height="360"
       border="10"/>
      <img id="imgLoading1" src="${ctxPath}/images/view.jpg" width="440" height="360"
       border="10" style="display:none;FILTER: revealTrans(duration=1,transition=5)"/>
      <img id="imgLoading2" src="${ctxPath}/images/view.jpg" width="440" height="360"
       border="10" style="display:none;FILTER: revealTrans(duration=1,transition=5)"/>
      <img id="imgLoading3" src="${ctxPath}/images/view.jpg" width="440" height="360"
       border="10" style="display:none;FILTER: revealTrans(duration=1,transition=5)"/>
      <img id="imgLoading4" src="${ctxPath}/images/view.jpg" width="440" height="360"
       border="10" style="display:none;FILTER: revealTrans(duration=1,transition=5)"/>
      <img id="imgLoading5" src="${ctxPath}/images/view.jpg" width="440" height="360"
       border="10" style="display:none;FILTER: revealTrans(duration=1,transition=5)"/>
     </td>
    </tr>
    <tr>
     <td height="4" colspan="4" valign="top" class="Area502">
      <img src="${ctxPath}/images/yellow.jpg" />
     </td>
    </tr>
    <tr>
     <td width="268" align="center" valign="top">
      &nbsp;
     </td>
     <td width="470" align="center" valign="top">
      <div class="header_tg">
       <div class="nav_ch">
        <div class="first">
         <ul>
  &

相关资料更多>

  1. 美观的CSS Button
  2. 怎么让Datagrid的数据列居左显示
  3. CSS Hack技能
  4. 相关保存文件时的编码选项与html/jsp页面设定字符编码的配置
  5. PHP中htmlentities跟htmlspecialchars的区别
  6. ！网站下传好，就显示乱套了
  7. 设置图片
  8. html table td框子效果 【转】
  9. ！求高手解答 网页打开后白屏 linux服务器