低一度

顶部横幅

6个比较常用的文字特效代码分享

2010-1-17 - diyidu - 网页设计 - 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

上一篇:今日值得庆贺一下的6件事 下一篇:“低一度独立博客导航系统”共享

随机推荐

to "6个比较常用的文字特效代码分享"

  • 康帅博
    #1 康帅博 回复该留言 2010-1-17 14:05:01
    过来帮桶哥顶顶。。
    diyidu 于 2010-1-17 14:10:34 回复
    感激不尽,呵呵。
  • GPS地图
    #2 GPS地图 回复该留言 2010-1-17 14:22:29
    这个文章让我想起我以前的天天百事通博客,悲剧!
    diyidu 于 2010-1-17 17:38:56 回复
    你就继续怀旧吧,哈哈。
  • loker
    #3 loker 回复该留言 2010-1-17 16:55:58
    很实用的东东啊,支持咯!想以后学着做主题。
    diyidu 于 2010-1-17 17:39:23 回复
    那要支持下,呵呵,加油。
  • 阿宝
    #4 阿宝 回复该留言 2010-1-17 19:39:04
    博主辛苦啦。赞一下。
    diyidu 于 2010-1-17 23:37:27 回复
    呵。谢谢鼓励。
  • 虫儿
    #5 虫儿 回复该留言 2010-1-17 19:43:15
    很好的资料。。。
    diyidu 于 2010-1-17 23:38:14 回复
    过奖了,有一些兼容问题解决不了,好郁闷。
  • liuzm
    #6 liuzm 回复该留言 2010-1-17 20:26:31
    不错,正好项目要用到,哈哈,谢谢先。
    diyidu 于 2010-1-17 23:38:50 回复
    能帮得上忙,很荣幸啊!
  • 内大臣
    #7 内大臣 回复该留言 2010-1-17 21:58:21
    opera下面好像运行得很好。
    diyidu 于 2010-1-17 23:39:35 回复
    opra就是个全能浏览器,呵呵。
  • evlos
    #8 evlos 回复该留言 2010-1-17 22:37:53
    哈哈,貌似“1.JS实现title及alt提示的个性化”这个比jq的悬浮框效果来得实惠~
    diyidu 于 2010-1-17 23:40:03 回复
    是吗?呵呵。
  • 阿福
    #9 阿福 回复该留言 2010-1-17 23:25:29
    报告个bug,代码6也不支持chrome。
    diyidu 于 2010-1-17 23:40:41 回复
    收到,谢谢长官。
  • licream
    #10 licream 回复该留言 2010-1-18 0:48:45
    感谢分享。。
    diyidu 于 2010-1-18 8:25:48 回复
    不客气呵。问好。
  • 瑜际
    #11 瑜际 回复该留言 2010-1-18 1:27:58
    路过,学习了,顺便说一句,你那个simpleG主题不错哦。
    diyidu 于 2010-1-18 8:26:25 回复
    是吗?谢谢鼓励哦。
  • 猴子
    #12 猴子 回复该留言 2010-1-18 3:25:03
    好东东,谢谢低一度的分享:)
    diyidu 于 2010-1-18 8:27:19 回复
    OK,欢迎常来。
  • 集趣
    #14 集趣 回复该留言 2010-1-18 10:41:43
    第一个的确用得比较多,第4个真的很实用。
    diyidu 于 2010-1-18 11:07:58 回复
    这几个还是比较常用的。
  • SEO
    #15 SEO 回复该留言 2010-1-18 12:40:13
    不错的代码,值得收藏。
    diyidu 于 2010-1-18 13:33:00 回复
    呵呵,欢迎拿走呵。
  • liuzm
    #17 liuzm 回复该留言 2010-1-18 13:00:22
    看过了,我顶一下,不介意吧?
    diyidu 于 2010-1-18 13:34:09 回复
    二次回复以后要嘉奖。
  • colin
    #18 colin 回复该留言 2010-1-18 14:20:51
    有时候用一点特效还是蛮好的。
    diyidu 于 2010-1-18 17:20:56 回复
    是哦,不会太单调。
  • Tony
    #19 Tony 回复该留言 2010-1-18 14:26:49
    恩,研究研究!以后用用什么的!
    diyidu 于 2010-1-18 17:21:36 回复
    恩,用吧,用得上的话。
  • liuzm
    #20 liuzm 回复该留言 2010-1-18 15:48:31
    又看了一次,继续顶一下!我等到花都谢了。
    diyidu 于 2010-1-18 17:20:14 回复
    晕啊,兄弟是在等什么?
    迷失 于 2010-1-18 23:07:28 回复
    他好像是等一个人的到来……
  • Jclyn
    #21 Jclyn 回复该留言 2010-1-18 17:46:30
    哇塞,看到代码我就晕。
    膜拜膜拜了~~
    diyidu 于 2010-1-19 13:57:34 回复
    膜拜什么啊,晕啊。
  • 邓玮
    #22 邓玮 回复该留言 2010-1-18 17:54:10
    博主再总结详尽一点,这个页面可以做成JS导航了。
    diyidu 于 2010-1-19 13:58:26 回复
    JS导航?是教程吧?呵呵。
  • 非博
    #23 非博 回复该留言 2010-1-18 19:03:02
    不错,谢谢分享!
    diyidu 于 2010-1-19 13:58:52 回复
    不客气。
  • mulnim
    #24 mulnim 回复该留言 2010-1-18 22:51:59
    学习了!好东西,哈哈。
    diyidu 于 2010-1-19 13:59:24 回复
    不要谦虚哦。多指点。
  • 17doit
    #25 17doit 回复该留言 2010-1-18 23:03:41
    呵呵,我来回访了,这代码有时候挺有用。
    diyidu 于 2010-1-19 14:00:06 回复
    恩,欢迎您。
  • 笨笨
    #27 笨笨 回复该留言 2010-1-19 0:08:56
    嘿嘿不错,很喜欢第六个。
    diyidu 于 2010-1-19 14:01:41 回复
    第六个只能在IE下用。
  • 快乐岛博客
    #28 快乐岛博客 回复该留言 2010-1-19 0:39:14
    强大之极,不学不行啊!谢谢博主分享。
    diyidu 于 2010-1-19 14:02:25 回复
    不客气啊,举手之劳,多谢捧场才对。
  • 猴子
    #29 猴子 回复该留言 2010-1-19 5:22:52
    都是不错的代码,感谢低一度分享:)
    diyidu 于 2010-1-19 14:03:07 回复
    不客气,问好下。
  • te
    #30 te 回复该留言 2010-1-19 8:30:55
    这些代码都很实用。
    diyidu 于 2010-1-19 14:03:55 回复
    比较常用,实不实用是仁者见仁啊。
  • liuzm
    #31 liuzm 回复该留言 2010-1-19 9:04:09
    呵呵,等你更新文章,抢沙发咯,嘿嘿。
    今天又没有更新,我只能再顶一下子咧。
    diyidu 于 2010-1-19 14:04:43 回复
    一会儿就更新,呵呵。
  • ooaixt
    #32 ooaixt 回复该留言 2010-1-19 9:48:07
    很实用的技巧,赞!
    diyidu 于 2010-1-19 14:13:59 回复
    谢赞,呵呵。
  • 越夜
    #34 越夜 回复该留言 2010-1-19 15:27:29
    哟西,发现了一个对我比较有用的,一会儿拿走。
    diyidu 于 2010-1-19 16:30:04 回复
    恩,用得上我很荣幸。
  • Mr.小宇
    #36 Mr.小宇 回复该留言 2010-1-21 23:52:55
    第六个在谷歌浏览器上,好像不能正常显示。
    挺棒的!
    最喜欢那个打字效果的。
    diyidu 于 2010-1-22 0:31:51 回复
    是啊,有点可惜,想不出兼容的办法。
  • 丁
    #37 回复该留言 2010-1-22 14:20:05
    很不错,学习了,主题也很喜欢。
    diyidu 于 2010-3-1 22:11:03 回复
    谢谢喜欢。
  • 李超
    #38 李超 回复该留言 2010-3-1 20:20:55
    代码不错,特效相当的好,实用。觉得代码挺长的,单独应用就不错。
    diyidu 于 2010-3-1 22:12:02 回复
    可以单独使用的。

Add comment

验证码