如何点击div的任何一处就进入下一个页面

Category: /blog /website
Tags: website

俺家领导最近看了一眼这个网站首页, 问了一句:”非得要点击这四个标题才能进到下一级吗?”. 我没注意还有这样的需求, 点div上的任何一个地方都可以让用户进到下一个页面. 于是趁机学习一下CSS来实现这个需求.

步骤

  1. 我从来没注意div 也支持onclick(). 现在加上马上就实现了.

     <div id="story" onclick="top.location.href = 'blog/story.html'">
    
  2. 这么做有一个不完美的地方, 就是鼠标放在div上没有任何变化, 这样用户不知道文字和其它空白的地方都可以点击. 这需要给div加上cursor属性.

     #story{
      cursor:pointer;
     }
    

大功告成, 把它加到我的小抄里去, 下回好用.

讨论

提示

  • 如果看不到讨论部分, 请暂时关掉adblock in Firefox/Chrome
  • 本网站使用Javascript实现评论功能, 此处外链对提高您的网站PR没有帮助. (潜台词: 请不要灌水, 谢谢)