作者jasonchris (已经醒了)
看板Ajax
标题[问题] 表格内的input 点击换色问题
时间Fri Dec 4 09:36:23 2015
http://codepen.io/anon/pen/XXWmqR
如上面的程式码
我看到 某个运彩网站 它有一个可以让使用者点击预测的表单
在点击的过程中 它有三个功能
第一个: 滑鼠滑过 <tr class="tr_row"> 会变色
我试过用 tr_now:hover 但是无法达成我要的效果 玩运彩它是整场比赛会变色
第二个: 点击input 的话 其包覆它的父元素td 会变色 (类似我用的黄色背景)
第三个: 可以取消点击 input 且会将之前的黄色背景取消成无这个css 背景色
我爬了很多文 但是没看到 是可以一次满足这三个条件的 范例
真的很希望有大大 可以帮我指点迷津
--
不停追着自己的目标
人不可以穷死
人不可以气死
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 1.165.84.174
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1449192988.A.55D.html
1F：推 ian90911: 2跟3应该要写点js 12/04 10:20
2F：→ jasonchris: 但我不太晓得 该从何写起............ 12/04 10:49
3F：推 st1009: 用jquery的.css()好像不错，事件hover和click吧(? 12/04 11:34
4F：推 st1009: 还有2.3搭配的toggle() 12/04 11:36
5F：推 st1009: 我弄错了....toggle()好像不是Orz 12/04 11:38
6F：推 swijo: 滑过变色是使用JS，两个<tr>的class都变成"mouse-over" 12/06 00:20
7F：推 swijo: 2跟3也是JS，点选後<td>的style多了background 12/06 00:23
8F：推 KOIORI: 1)tr:hover td ｛bg-color｝ 01/17 20:32