感谢您的支持,我们会继续努力的!
不论你的品牌在何处
我们都可以提供完善的服务与帮助

山东网亿网络 山东网亿网络

2019.01.08
山东网亿:不同链接上所显示出来不同的鼠标形状是如何设置的?

当前位置:首页资讯 > 行业新闻 > 山东网亿:不同链接上所显示出来不同的鼠标形状是如何设置的?

摘要:山东网亿小编告诉您,让鼠标以不同的形状、图案显示。在CSS当中,这种样式是通过“cursor”属性来实现的。Cursor属性有很多的属性值,我们来看一下它的详细列表。

我们知道,当把鼠标移动到不同的地方时,当鼠标需要执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生改变。用CSS来改变鼠标的属性,就是当鼠标移动到不同的元素对象上面时,让鼠标以不同的形状、图案显示。在CSS当中,这种样式是通过“cursor”属性来实现的。Cursor属性有很多的属性值,我们来看一下它的详细列表。

烟台网页设计 (18)_副本.jpg

烟台网页设计  烟台网站建设  烟台网络公司

具体的应用,看下列的代码实现,这种是在具体的网页进行内嵌样式的方式进行设置: p><span style=cursor:hand”>手的形状</span><br //*设置鼠标属性为手的形状*// span style=cursor:move”>移动</span><br//*设置鼠标属性为移动*// span style=cursor:ne-resize”>反方向</span><br//*设置鼠标属性为反方向*// span style=cursor:wait”>等待</span><br//*设置鼠标属性为等待*//span style=cursor:help”>求助</span//*设置鼠标属性为求助*//

1.隐藏浏览器中状态栏的URL地址信息的方法

烟台网页设计中,在浏览网页时,当鼠标停留在链接上方时,在下面的状态栏中会自动显示该链接目标地址,考虑到安全方面的问题,有时我们需要把它重置为“零”,即设为空白。现在只需要在链接代码中做些设置就可以实现了,如下:<a href="http://www.hnswxy.com" onMouseOver="window.status='none';return true">名称</a 

2.如何制作“空链接”

空链接也就是,没有链接对象的链接,在空链接中,目标URL是用“#”来表示的。也就是说制作链接时,只要在属性板的LINK输入框中录入#标记,它就是个空链接了。空链接的出现涉及到多方面的因素,比如一些没有定期完成的页面,又为了保持页面显示上的一致(链接样式与普通文字样式的不同),就可以使用它了。

3.实现在同一张图片上进行多个链接的操作

Dreamweaver 中提供了一种客户端图像映像的操作,通俗的讲就是“热区”的操作,当我们在Dreamweaver的编辑区域选中某一幅图片时, “属性”窗口中左下角会出现一个“map”选项,提供了三种不同的热点选择工具,分别为:矩形、椭圆形以及多边形,三种工具任意选择,就可以实现在同一张图片上进行多个链接的效果了。 

4.水平线设置

经常有人问我一些关于水平线设置方面的问题,比如:如何利用水平线来制作一条竖线?如何设置水平线的颜色? 

一般,我们在网页设计中插入水平线后,打开代码视图,会有以下的代码: 

hr width="600" //*在网页中插入了一条横向的水平线*// 

大家换个思路想想,当width=600时,我们画出了一条横线,那么如果我们将height=600,是不是会画出一条竖线出来呢。

事实证明,以下的代码会在网页中画出一条竖线出来。 

hr width="1" size="600"//*在网页中插入了一条竖向的水平线*//

大家看,是不是已经设置好了呢。

山东网亿网络科技有限公司15年行业经验、服务企业5000家,知名企业近160家。是胶东高端网站设计的创始者、引领者。网亿是胶东首家高端网站制作机构,是山东企业"互联网+";"移动营销"的首选品牌。咨询热线:18866450827

相关搜索:烟台网站建设  烟台网络公司   网络公司  网站制作  山东网亿

部分图片和文字来源于网络,出处无从查起,如涉及版权问题,请联系进行删除。