有没有办法对循环中的javascript函数进行编号?
仍然是php和javascript的初学者,但这个论坛帮助很大…谢谢 我有一个匹配的侧边我的侧边照片库(每个照片+用户名+个人声明=一个单元,并包含在一个表格单元格中…信息通过“while”循环从SQL数据库中以$sql1和$sql2的形式从下面的SQL数据库中获取;我设置了一个限制=库中50对照片)…库显示完美。然而,我认为我可以通过在用户的图像的上方放置一个绿色的轮廓,让它更具用户互动性。当手动设置脚本中的所有变量时,我的测试用例(使用绿色轮廓)会起作用,如下所示(此处显示的两个函数同时用于脚本中的GreenBorder和NoBorder):有没有办法对循环中的javascript函数进行编号?,javascript,php,function,for-loop,outline,Javascript,Php,Function,For Loop,Outline,仍然是php和javascript的初学者,但这个论坛帮助很大…谢谢 我有一个匹配的侧边我的侧边照片库(每个照片+用户名+个人声明=一个单元,并包含在一个表格单元格中…信息通过“while”循环从SQL数据库中以$sql1和$sql2的形式从下面的SQL数据库中获取;我设置了一个限制=库中50对照片)…库显示完美。然而,我认为我可以通过在用户的图像的上方放置一个绿色的轮廓,让它更具用户互动性。当手动设置脚本中的所有变量时,我的测试用例(使用绿色轮廓)会起作用,如下所示(此处显示的两个函数同时用于
(假设应用绿色边框是一个实验,所以您不想使用CSS。否则,CSS就是一种方法)
据我所知,这就是你想要做的
在表格单元格(TD)中有一个由图像和文本组成的单元
当您将鼠标悬停在图像上时,您希望TD具有轮廓
只需编写一组函数即可完成此操作
function GreenBorder(el) {
//get the parent of whatever node is passed in
el.parentNode.style.outline = '#00CC00 solid thick';
}
function NoBorder(el) {
el.parentNode.style.outline = 'none';
}
您的图像标记应该是这样的
<img src="path/to/image" onmouseover="GreenBorder(this)" onmouseout="NoBorder(this)" >
这里有一把小提琴-
简单地说,将当前悬停的图像传递给函数,该函数通过添加和删除轮廓来修改父节点。这假设您的图像直接位于TD元素下
您可能希望通过查看不引人注目的javascript来继续这个实验
这里有一些资源
IBM文章以jQuery为例,这是一个值得一看的库-我不太清楚。只是想澄清一下,当你将鼠标放在某个特定用户添加的图像上时,你想让该用户添加的所有图像都有一个绿色的轮廓?顺便说一下,你应该通过CSS而不是JS来实现这一点。您可以在CSS中设置:hover
伪类,以使图像在hover上有边框。这是基于这样的假设,即您只想用边框突出显示。感谢showdev的响应……实际上,在表格单元格中的图像移动时,我希望整个“单元”=[(图像+用户名+个人声明)在其周围有一个绿色的轮廓,仅针对该表格单元格。很抱歉,这里的歧义Yi,您不需要创建大量的echo
语句,只需结束PHP脚本:?>
,输出一些HTML(或本例中的
标记),当您再次需要PHP时,只需开始:好,感谢您的澄清。我同意其他人的看法,我会尝试使用CSS来实现这一点。类似这样:但是你的背景可能更复杂。有可能看到你的HTML或者甚至是一个网页吗?
function GreenBorder(el) {
//get the parent of whatever node is passed in
el.parentNode.style.outline = '#00CC00 solid thick';
}
function NoBorder(el) {
el.parentNode.style.outline = 'none';
}
<img src="path/to/image" onmouseover="GreenBorder(this)" onmouseout="NoBorder(this)" >