[英]OnMouseOver / OnMouseOut
I'm using the onMouseOver and onMouseOut function to change the colour of some social media icons in the footer of my Wordpress website: http://www.retelevise.com . 我正在使用onMouseOver和onMouseOut函数在Wordpress网站的页脚http://www.retelevise.com中更改某些社交媒体图标的颜色。
It works fine, but I'm also using a snippet of Javascript for the link to my email address (I read somewhere this is a good way to hide the address from spammers?) – but the Javascript doesn't seem to like the mouse function. 它可以正常工作,但是我还使用了Javascript片段作为指向我的电子邮件地址的链接(我在某处读到了这是对垃圾邮件发送者隐藏地址的好方法吗?)–但是Javascript似乎不喜欢鼠标功能。
<script type="text/javascript">
<!--
var addr1 = "mailto:"
var addr2 = "info"
var addr3 = "@"
var addr4 = "retelevise"
var addr5 = ".com"
document.write('<a href="' + addr1 + addr2 + addr3 + addr4 + addr5 + '">')
document.write('<img src="http://www.retelevise.com/wp-content/themes/myownzee/branding/socialmedia-email-1.png" onmouseover="this.src='http://www.retelevise.com/wp-content/themes/myownzee/branding/socialmedia-email-2.png'" onmouseout="this.src='http://www.retelevise.com/wp-content/themes/myownzee/branding/socialmedia-email-1.png'" class="social-icons-main" title="Email" alt="Email"></a>');
//-->
</script>
If I remove the mouse function, only the grey email icon appears without switching to the colour version on hover, but when I try adding the mouse code, the email icon disappears altogether. 如果我删除了鼠标功能,则只有灰色电子邮件图标会出现,而不会在悬停时切换到彩色版本,但是当我尝试添加鼠标代码时,电子邮件图标会完全消失。 I did look at some similar answers posted here, but sorry I didn't understand them.
我确实看过这里发布的一些类似答案,但是很抱歉,我不明白它们。 Does anybody have any ideas please?
请问有人有什么想法吗?
Thanks, SN. 谢谢,SN。
There is no escaping of single quotes used within a single quoted value. 在单引号中没有使用单引号来转义。
http://jsbin.com/nakoduqa/1/edit http://jsbin.com/nakoduqa/1/edit
var addr1 = "mailto:"
var addr2 = "info"
var addr3 = "@"
var addr4 = "retelevise"
var addr5 = ".com"
document.write('<a href="' + addr1 + addr2 + addr3 + addr4 + addr5 + '">')
document.write('<img src="http://www.retelevise.com/wp-content/themes/myownzee/branding/socialmedia-email-1.png" onmouseover="this.src=\'http://www.retelevise.com/wp-content/themes/myownzee/branding/socialmedia-email-2.png\'" onmouseout="this.src=\'http://www.retelevise.com/wp-content/themes/myownzee/branding/socialmedia-email-1.png\'" class="social-icons-main" title="Email" alt="Email"></a>');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.