6个比较常用的文字特效代码分享
2010-1-17 - - 网页设计 - Views
文字特效显示运用得当，在网页设计中能起到积极的作用：如避免网页的单调性，改善用户体验等。因而，不少设计师看中了它，大做文章。但可惜的是，目前比较常用且实用的文字特效其实并不多，除了像“关键词高亮显示”等比较“强悍”以外，其他基本上是一些相对细节的玩意儿了，从功用的角度来说，或许花俏了点。但不论如何，应该还是有人喜欢的吧？我今天抽空整理出了6个，与大家分享下。
1.JS实现title及alt提示的个性化
提示：您可以先修改部分代码再运行
2.JS实现带链接标题的打字效果
提示：您可以先修改部分代码再运行
3.JS控制字号“小、中、大”切换
提示：您可以先修改部分代码再运行
4.CSS实现超长字段用省略号代替
提示：您可以先修改部分代码再运行
5.CSS实现定义超链接下划线为虚线
提示：您可以先修改部分代码再运行
6.CSS实现文字凹陷效果
提示：您可以先修改部分代码再运行
注意：以上特效1、4、6不兼容火狐浏览器，低一度正在修改中。
关键词 // 文字特效 网页设计 css实例 JS实例 代码分享
出处：低一度，链接：http://www.diyidu.cn/post/font_texiao.html
随机推荐
to "6个比较常用的文字特效代码分享"
-
#1 康帅博 回复该留言 2010-1-17 14:05:01过来帮桶哥顶顶。。
-
这个文章让我想起我以前的天天百事通博客，悲剧！diyidu 于 2010-1-17 17:38:56 回复你就继续怀旧吧，哈哈。
-
很实用的东东啊，支持咯！想以后学着做主题。diyidu 于 2010-1-17 17:39:23 回复那要支持下，呵呵，加油。
-
博主辛苦啦。赞一下。diyidu 于 2010-1-17 23:37:27 回复呵。谢谢鼓励。
-
很好的资料。。。diyidu 于 2010-1-17 23:38:14 回复过奖了，有一些兼容问题解决不了，好郁闷。
-
不错，正好项目要用到，哈哈，谢谢先。diyidu 于 2010-1-17 23:38:50 回复能帮得上忙，很荣幸啊！
-
opera下面好像运行得很好。diyidu 于 2010-1-17 23:39:35 回复opra就是个全能浏览器，呵呵。
-
哈哈，貌似“1.JS实现title及alt提示的个性化”这个比jq的悬浮框效果来得实惠~diyidu 于 2010-1-17 23:40:03 回复是吗？呵呵。
-
报告个bug，代码6也不支持chrome。diyidu 于 2010-1-17 23:40:41 回复收到，谢谢长官。
-
感谢分享。。diyidu 于 2010-1-18 8:25:48 回复不客气呵。问好。
-
路过，学习了，顺便说一句，你那个simpleG主题不错哦。diyidu 于 2010-1-18 8:26:25 回复是吗？谢谢鼓励哦。
-
好东东，谢谢低一度的分享：）diyidu 于 2010-1-18 8:27:19 回复OK，欢迎常来。
-
初次造访请多关照！diyidu 于 2010-1-18 11:06:32 回复哈哈，相互关照啦。
-
第一个的确用得比较多，第4个真的很实用。diyidu 于 2010-1-18 11:07:58 回复这几个还是比较常用的。
-
不错的代码，值得收藏。diyidu 于 2010-1-18 13:33:00 回复呵呵，欢迎拿走呵。
-
第一个很漂亮。diyidu 于 2010-1-18 13:33:30 回复谢谢哦。问好。
-
看过了，我顶一下，不介意吧？diyidu 于 2010-1-18 13:34:09 回复二次回复以后要嘉奖。
-
有时候用一点特效还是蛮好的。diyidu 于 2010-1-18 17:20:56 回复是哦，不会太单调。
-
恩，研究研究！以后用用什么的！diyidu 于 2010-1-18 17:21:36 回复恩，用吧，用得上的话。
-
又看了一次，继续顶一下！我等到花都谢了。diyidu 于 2010-1-18 17:20:14 回复晕啊，兄弟是在等什么？迷失 于 2010-1-18 23:07:28 回复他好像是等一个人的到来……
-
哇塞，看到代码我就晕。
膜拜膜拜了~~diyidu 于 2010-1-19 13:57:34 回复膜拜什么啊，晕啊。
-
博主再总结详尽一点，这个页面可以做成JS导航了。diyidu 于 2010-1-19 13:58:26 回复JS导航？是教程吧？呵呵。
-
不错，谢谢分享！diyidu 于 2010-1-19 13:58:52 回复不客气。
-
学习了！好东西，哈哈。diyidu 于 2010-1-19 13:59:24 回复不要谦虚哦。多指点。
-
呵呵，我来回访了，这代码有时候挺有用。diyidu 于 2010-1-19 14:00:06 回复恩，欢迎您。
-
第二个我喜欢。diyidu 于 2010-1-19 14:00:57 回复问好啊。CN又没事了兄弟！
-
嘿嘿不错，很喜欢第六个。diyidu 于 2010-1-19 14:01:41 回复第六个只能在IE下用。
-
强大之极，不学不行啊！谢谢博主分享。diyidu 于 2010-1-19 14:02:25 回复不客气啊，举手之劳，多谢捧场才对。
-
都是不错的代码，感谢低一度分享：）diyidu 于 2010-1-19 14:03:07 回复不客气，问好下。
-
这些代码都很实用。diyidu 于 2010-1-19 14:03:55 回复比较常用，实不实用是仁者见仁啊。
-
呵呵，等你更新文章，抢沙发咯，嘿嘿。
今天又没有更新，我只能再顶一下子咧。diyidu 于 2010-1-19 14:04:43 回复一会儿就更新，呵呵。
-
很实用的技巧，赞！diyidu 于 2010-1-19 14:13:59 回复谢赞，呵呵。
-
不错的特效，顶一个。diyidu 于 2010-1-19 14:13:16 回复谢谢来顶。
-
哟西，发现了一个对我比较有用的，一会儿拿走。diyidu 于 2010-1-19 16:30:04 回复恩，用得上我很荣幸。
-
我就是不会CSS，头疼。diyidu 于 2010-1-21 10:05:14 回复呵呵，学呗。
-
第六个在谷歌浏览器上，好像不能正常显示。
挺棒的！
最喜欢那个打字效果的。diyidu 于 2010-1-22 0:31:51 回复是啊，有点可惜，想不出兼容的办法。
-
很不错，学习了，主题也很喜欢。diyidu 于 2010-3-1 22:11:03 回复谢谢喜欢。
-
代码不错，特效相当的好，实用。觉得代码挺长的，单独应用就不错。diyidu 于 2010-3-1 22:12:02 回复可以单独使用的。