svg cursor appearance 指针形状
2009-09-20 10:47
239 查看
如何在鼠标移动到特定的svg元素上时,将指针形状改为手状呢?
在希望发生效果的元素周围加上a xlink:href=""即可
如下所示:
<a xlink:href="">
<text id='xxx' x='250' y='250' fill='black' font-family='Verdana' font-size='10' onclick='hostTextonClick(evt)'>xxx </text>
</a>
但是在firefox中显示会出现错误,提示XML Parsing Error: prefix not bound to a namespace,解决办法是:
在svg文件开头补全xmlns,可以写上如下两个:<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">,就ok了。
至于IE就没这个问题。
但是加了a xlink:href=“”之后,
原有的onclick事件响应函数在firefox中不起作用了,在IE中还是没问题。
在希望发生效果的元素周围加上a xlink:href=""即可
如下所示:
<a xlink:href="">
<text id='xxx' x='250' y='250' fill='black' font-family='Verdana' font-size='10' onclick='hostTextonClick(evt)'>xxx </text>
</a>
但是在firefox中显示会出现错误,提示XML Parsing Error: prefix not bound to a namespace,解决办法是:
在svg文件开头补全xmlns,可以写上如下两个:<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">,就ok了。
至于IE就没这个问题。
但是加了a xlink:href=“”之后,
原有的onclick事件响应函数在firefox中不起作用了,在IE中还是没问题。
相关文章推荐
- 定义C#鼠标指针的形状 Cursor
- CSS鼠标指针cursor样式
- Css cursor设置鼠标指针显示样式
- (10)SVG中所用到的形状简介------定义路径
- CSS/HTML 改变鼠标指针形状
- Android-66-activity返回时报空指针:“ RuntimeException:to start activity”和“ Unable Finalizing a Cursor···”
- Android--关于Cursor空指针的问题
- 网页鼠标指针样式(cursor属性)
- SVG 形状_椭圆
- 改变鼠标指针形状两种方法及实例
- 使用C#改变鼠标的指针形状
- 改变鼠标指针形状的css样式实例
- Css cursor鼠标指针鼠标光标样式
- HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
- CSS鼠标指针cursor样式
- CSS中cursor属性给标签加上小手形状
- DIV css中cursor属性详解-鼠标移到图片变换鼠标形状 (转)
- cursor的形状
- Qt4之改变鼠标指针形状
- CSS中cursor鼠标形状属性列表