简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)
javascript - html 的 data-hover 属性怎么用？
高洛峰
高洛峰 2017-04-11 11:58:14
0
2
649

<li data-hover="首页">首页</li>

经测试，如果只有一个英文单词或者一个汉字，那么效果就是从左到右增加一条下划线动画。
但如果有两个以上单词或者汉字，那么文字会先变成竖的，然后执行动画，导致效果乱了，请问有办法在多字符下实现单字符同样的效果么？

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...

reply all(2)
阿神
阿神2017-04-11 12:00:14 2 floor

data-* 属性是用来存数据的, 本身没有样式, 应该是你引用的js文件修改了含有data-hover属性的元素样式
Like +0
Add Reply
大家讲道理
大家讲道理2017-04-11 12:00:14 1 floor

你给li 添加上white-space: nowrap;就好了
Like +0
Add Reply
Popular Topics
More>
Popular Articles
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！