javascript - html 的 data-hover 属性怎么用?
高洛峰
高洛峰 2017-04-11 11:58:14
0
2
743

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

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

高洛峰
高洛峰

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

Antworte allen(2)
阿神

data-* 属性是用来存数据的, 本身没有样式, 应该是你引用的js文件修改了含有data-hover属性的元素样式

大家讲道理

你给li 添加上white-space: nowrap;就好了

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage