让网站链接样式千奇百怪

经常在各家五花八门的网站晃悠的朋友可能会注意到一些有特点的网站往往在鼠标链接指向形状上有不规则的变化,比如“十”字形,“问号”或者是不同方向的小箭头,下面我们就看看如何在网页制作时让鼠标的样式也多一点变化。 

  1、启动Dreamweaver,打开要应用鼠标样式的网页,在主窗口中选择Text下拉菜单,再选择CSS Style子菜单中的New
Style命令新建样式表。 

  丁香姐姐提示:如果你的网页中已经存在样式表,可以选择CSS Styles—>>Edit Style Sheet编辑样式表。

  2、弹出New Style对话框,其中Type项有三个单选按钮:Make Custom Style、Redefine HTML Tag、Use CSSSelector。Make
Custom Style 是自定义样式,样式名以圆点开头;Use CSS Selector是使用CSS选择器,里边包含四个超链接样式a:active/a:hover/a:link/a:visited;Redefine HTML Tag是定义HTML系统标签的样式,如abodybr等等。如果我们只对该页面的超链接设置鼠标样式,就选择Redefine
HTML Tag选项中的a标签,然后Define项选择This Document Only,单击OK按钮确定。 

  3、在Style definition for 对话框,进入超链接样式设置。左边的Category是样式类别,选择Extentions项,可以看到右边Visual Effect中的Cursor项,这就是设置鼠标样式的关键项,单击右边的下拉菜单,选择你所需要的鼠标样式,单击OK按钮就可以了。 

  具体可参考下表: 

hand 最普通,大家最熟悉的手型
crosshair 十字型
text 平时鼠标移动到文本上的样式
wait 等待的效果
default 默认的效果
help 带问号的鼠标样式
e-resize 向右的箭头
ne-resize 向右上方的箭头
n-resize 向上的箭头
nw-resize 向左上方的箭头
w-resize 向左的箭头
sw-resize 向左下的箭头
s-resize 向下的箭头
se-resize 向右下方的箭头
auto 系统自动的效果

   

  4、当然根据需要你也可以将鼠标样式应用于其它标签,或者只应用于某一段文本,如果你对CSS代码不陌生,直接手写代码更方便,特别是想在不同的位置运用不同的鼠标样式,或者不同的标签使用不同的鼠标样式,直接将样式写在某个具体的标签里边就可以了。 

时间: 2012-09-28

让网站链接样式千奇百怪的相关文章

Dreamweaver让网站链接样式千奇百怪

经常在各家五花八门的网站晃悠的朋友可能会注意到一些有特点的网站往往在鼠标的链接指向形状上有不规则的变化,比如"十"字形,"问号"或者是不同方向的小箭头,下面我们就看看如何在网页制作时让鼠标的样式也多一点变化. 1.启动Dreamweaver,打开要应用鼠标样式的网页,在主窗口中选择Text下拉菜单,再选择CSS Style子菜单中的New Style命令新建样式表. 丁香姐姐提示:如果你的网页中已经存在样式表,可以选择CSS Styles->>Edit

利用链接的价值导向来优化网站链接二

大家好,我是木子成舟.前面为大家介绍了自己看完李建忠的文章<链接的力量 建立对链接质量的评价维度>后对于SEO中网站链接的一点感悟--<利用链接的价值导向来优化网站链接>,其中对于<链接的力量>一文中的维度只谈了三个方面:数量.速度和频度(可查看<网站链接优化之链接价值>).今天接着为大家分享剩下的五个维度的链接价值导向. 1.网站链接为获取精准流量服务! 网站链接的发布其作用应该在于其能够引导精准的流量,也就是要求我们将这些链接发布到能够带来直接流量的地方

B2B行业网站“文字样式设计”一般标准

当我们打开各种B2B行业网站,看到最多的就是各种文字,以各种方式表达出来,显示在访问者眼前,文字是门户类型网站最多的内容,同时文字与图片.视频是网站最重要的三种表达方式之一. B2B行业网站,更多的服务于企业的交易需求.了解行业知识的学习需求及交流需求,本文作者李学江认为,这些需求更多还是要通过文字来表达和传递,不同的字号.颜色.粗细.行距,代表了产品策划者.网站设计者所期望向网站访问者传递的信息.下面来简要讲解下在B2B行业网站设计制作时具有的标准. 1 B2B行业网站导航栏文字字体.字号.粗

B2B行业网站文字样式设计一般标准

中介交易 SEO诊断 淘宝客 云主机 技术大厅 当我们打开各种B2B行业网站,看到最多的就是各种文字,以各种方式表达出来,显示在访问者眼前,文字是门户类型网站最多的内容,同时文字与图片.视频是网站最重要的三种表达方式之一.B2B行业网站,更多的服务于企业的交易需求.了解行业知识的学习需求及交流需求,本文作者李学江认为,这些需求更多还是要通过文字来表达和传递,不同的字号.颜色.粗细.行距,代表了产品策划者.网站设计者所期望向网站访问者传递的信息.下面来简要讲解下在B2B行业网站设计制作时具有的标准

win7系统电脑打印文档后出现隐藏的网站链接怎么去掉?

  win7系统电脑打印文档后出现隐藏的网站链接怎么去掉?         方法一: 1.按ALT+F9可将文档中的域代码全部显示出来(特有字会被链接替换); 2.然后编辑--替换,在查找内容中输入除{ }符号的其它字符(如果将符号{}一并拷贝过来的话会自动换为特有字),在"替换为"中输入特有字,"全部替换"即可. 方法二: 1.工具--选项,在"打印"选项卡中找到"打印文档的附加信息",取消勾选"域代码"

用CSS样式表来定义博客上的链接样式

css|博客|链接|样式表 <style type="text/css"> A { text-decoration: NONE; color:#51bfe0} A:hover {font-weight: bold;color:#990099} <style>鼠标放在链接字体上的时候,链接字体变粗,颜色改变,如本博客上的样子.其中color:#990099表示链接字体改变的颜色,可以根据个人爱好修改,其他的不需要改. <style type="te

技巧分析:用javascript 转换外部CSS超级链接样式

css|javascript|技巧|链接|转换 用css属性选择器可以有选择性地对链接样式进行控制,如让所有的外部链接都加一个小图标来标识其是一外部链接. 但用css有弊端: 1.只支持FireFox等对web标准支持很好的浏览器.2.只能判断链接,不能判断锚点或javascript.如遇到<a href="javascript:void(0);">就无能为力了. 这里可以结合js来完成,首先写一个样式:a.other:link,a.other:visited,a.othe

用javascript 转换外部链接样式

javascript|链接|转换 用css属性选择器可以有选择性地对链接样式进行控制,如让所有的外部链接都加一个小图标来标识其是一外部链接. 但用css有弊端: 1.只支持FireFox等对web标准支持很好的浏览器.2.只能判断链接,不能判断锚点或javascript.如遇到<a href="javascript:void(0);">就无能为力了. 这里可以结合js来完成,首先写一个样式:a.other:link,a.other:visited,a.other:activ

网站链接地址SEO技巧

众所周知,浩瀚的互联网内容诸多,都是通过链接组织起来的,链接可以说是互联网存在的根本性因素.搜索引擎蜘蛛也是通过链接的爬行来收录网站的,所以做好网站链接的SEO工作,对于SE收录和排名都有很重要的作用. 认识链接:<a href="http://www.seostars.cn">群星谱</a>其中:<a href=""></a>是html代码,链接的表现形式.http://www.seostars.cn是链接地址URL