柠檬墨绿色 发表于 2016/11/9 15:00

用js实现博客打赏功能

  <!DOCTYPE html PUBLIC '-//W3C//DTD HTML 4.01 Strict//EN' 'http://www.w3.org/TR/html4/strict.dtd'>

  <html>

  <head>

  <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>

  <title>在此插入标题</title>

  <link rel="stylesheet" type="text/css" href="swap.css"/>

  <script type="text/javascript">

  <!--

  function swap(val){

  if(val=="left"){

  left.style.display='block';//设置为显示

  center.style.display='none';//设置为隐藏

  right.style.display='none';

  }else if(val=="center"){

  left.style.display='none';

  center.style.display='block';

  right.style.display='none';

  }else if(val=="right"){

  left.style.display='none';

  center.style.display='none';

  right.style.display='block';

  }

  }

  -->

  </script>

  </head>

  <body>

  <div class="main">

  <div class="top">

  <div class="left" id="left"><img src="images/left.jpg"/></div>

  <div class="center" id="center"><img src="images/center.jpg"/></div>

  <div class="right" id="right"><img src="images/right.jpg"/></div>

  </div>

  <div class="bottom">

  <ul>

  <li onmouseover="swap('left')"></li>

  <li onmouseover="swap('center')"></li>

  <li onmouseover="swap('right'www.9ask.cn/shangqiu/)"></li>

  </ul>

  </div>

  </div>

  </body>

  </html>
页: [1]
查看完整版本: 用js实现博客打赏功能