[问题] 表格内的input 点击换色问题

楼主: jasonchris (已经醒了)   2015-12-04 09:36:23
http://codepen.io/anon/pen/XXWmqR
如上面的程式码
我看到 某个运彩网站 它有一个可以让使用者点击预测的表单
在点击的过程中 它有三个功能
第一个: 鼠标滑过 <tr class="tr_row"> 会变色
我试过用 tr_now:hover 但是无法达成我要的效果 玩运彩它是整场比赛会变色
第二个: 点击input 的话 其包覆它的父元素td 会变色 (类似我用的黄色背景)
第三个: 可以取消点击 input 且会将之前的黄色背景取消成无这个css 背景色
我爬了很多文 但是没看到 是可以一次满足这三个条件的 范例
真的很希望有大大 可以帮我指点迷津
作者: KOIORI (自性光明)   2014-01-17 20:32:00
1)tr:hover td {bg-color}
作者: ian90911 (xopowo)   2015-12-04 10:20:00
2跟3应该要写点js
楼主: jasonchris (已经醒了)   2015-12-04 10:49:00
但我不太晓得 该从何写起............
作者: st1009 (前端攻城师)   2015-12-04 11:34:00
用jquery的.css()好像不错,事件hover和click吧(?还有2.3搭配的toggle()我弄错了....toggle()好像不是Orz
作者: swijo (热风)   2015-12-06 00:20:00
滑过变色是使用JS,两个<tr>的class都变成"mouse-over"2跟3也是JS,点选后<td>的style多了background

Links booklink

Contact Us: admin [ a t ] ucptt.com