javascript - 当我点击不同的 DIV 时出现一个可点击的对象

标签 javascript html css

查看我添加的图片。当您单击表中的一行时(它很可能不是一个表,因为每一行可能是一个 Dojo 小部件),“下拉阴影”出现并且可以单击。当用户单击它时,会出现一个新的内容层,并且下拉阴影会从“打开”切换到“关闭”。

这一切都可以用 CSS 来完成吗,意思是做一个 Hover:After 类型的事件,还是我必须使用 JS 来实现它? JS 不是问题,只是想确认我必须使用 JS 来实现它。

enter image description here

最佳答案

点击事件需要Javascript,

1 - 你可以用悬停显示额外的内容

2 - 然后将其绑定(bind)到点击(*使用悬停没有意义,因为旧的 IE 不起作用,除非它是 anchor 标记 <a> *)

3 - 然后你可以用 js 切换文本。

:)

记住

  • CSS 用于视觉效果
  • js 是为了行为 :)

关于javascript - 当我点击不同的 DIV 时出现一个可点击的对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15075971/

相关文章:

html - 使用 Twitter Bootstrap 将响应式图像插入 ASP.NET MVC5 元素

javascript - 为什么在应用 css 后 jquery 不起作用?

html - 尽管更改了 'top' 边距,但内容一半隐藏在固定标题下

javascript - 在 Internet Explorer 中使用 Sprite 按钮和 selection.createRange() 时获取选定文本的问题

javascript - 全局命名空间会被污染是什么意思?

javascript - 减法时间 = NAN

javascript - 解决同步函数内的异步函数

Jquery 在第二次单击后工作,然后继续正常工作

html - 我们是否应该在站点导航中使用 (HTML5) rel 属性

twitter-bootstrap - 响应宽度尺寸(5.5 英寸或更小的移动宽度)