[英]Need to change an image href rollover effect into a td onclick
I am not an experienced javascript, css coder so I would appreciate as much help as possible. 我不是一个经验丰富的javascript,css编码器所以我会尽可能多的帮助。 I've read some other posts for more understanding;
我已阅读其他一些帖子以获得更多理解; they mentioned jquery but I'm not sure how to go about that either.
他们提到了jquery,但我也不确定如何去做。
I have a code that was generated for me with a program. 我有一个用程序为我生成的代码。 I need to change about 7 image buttons (not links) href rollovers into td onclick.
我需要将大约7个图像按钮(不是链接)href翻转更改为td onclick。 Thanks so much in advance.
非常感谢提前。 Here is my current code:
这是我目前的代码:
Within the head - 在头部 -
<script type="text/javascript">
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];}
}
} }
var preloadFlag = false;
function preloadImages() {
if (document.images) {
info_savantgenius_com_over = newImage("images/info@savantgenius.com-over.gif");
About_over = newImage("images/About-over.gif");
Artist_over = newImage("images/Artist-over.gif");
Portfolio_over = newImage("images/Portfolio-over.gif");
Pricing_over = newImage("images/Pricing-over.gif");
Order_over = newImage("images/Order-over.gif");
Contact_over = newImage("images/Contact-over.gif");
About_over033 = newImage("images/About-over-33.gif");
Artist_over035 = newImage("images/Artist-over-35.gif");
Portfolio_over037 = newImage("images/Portfolio-over-37.gif");
Pricing_over039 = newImage("images/Pricing-over-39.gif");
Order_over041 = newImage("images/Order-over-41.gif");
Contact_over043 = newImage("images/Contact-over-43.gif");
preloadFlag = true;}
} }
Within the body - 在体内 -
<td colspan="2">
<a href="mailto:info@savantgenius.com"
onmouseover="changeImages('info_savantgenius_com', 'images/info@savantgenius.com-over.gif'); return true;"
onmouseout="changeImages('info_savantgenius_com', 'images/info@savantgenius.com.gif'); return true;"
onmousedown="changeImages('info_savantgenius_com', 'images/info@savantgenius.com-over.gif'); return true;"
onmouseup="changeImages('info_savantgenius_com', 'images/info@savantgenius.com-over.gif'); return true;">
<img name="info_savantgenius_com" src="images/info@savantgenius.com.gif" width="220" height="49" border="0" alt=""></a></td>
You can simply use document.getElementById()
instead of document[changeImages.arguments[i]] 您只需使用
document.getElementById()
而不是document [changeImages.arguments [i]]
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i < arguments.length; i+=2) {
document.getElementById(arguments[i]).src = arguments[i+1];
}
}
}
You could use this : 你可以用这个:
http://api.jquery.com/hover/ http://api.jquery.com/hover/
So it would give you something like that : 所以它会给你这样的东西:
$("#mytd1").hover(function(){$(this).css("background-image", [PUT THE NEW IMAGE PATH HERE])});
[PUT THE NEW IMAGE PATH HERE] something like that "url('image.jpg')" [在这里放置新的图像路径]像“url('image.jpg')”
And you need to include the jquery library 您需要包含jquery库
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.