有没有办法对循环中的javascript函数进行编号?

有没有办法对循环中的javascript函数进行编号?,javascript,php,function,for-loop,outline,Javascript,Php,Function,For Loop,Outline,仍然是php和javascript的初学者,但这个论坛帮助很大…谢谢 我有一个匹配的侧边我的侧边照片库(每个照片+用户名+个人声明=一个单元,并包含在一个表格单元格中…信息通过“while”循环从SQL数据库中以$sql1和$sql2的形式从下面的SQL数据库中获取;我设置了一个限制=库中50对照片)…库显示完美。然而,我认为我可以通过在用户的图像的上方放置一个绿色的轮廓,让它更具用户互动性。当手动设置脚本中的所有变量时,我的测试用例(使用绿色轮廓)会起作用,如下所示(此处显示的两个函数同时用于

仍然是php和javascript的初学者,但这个论坛帮助很大…谢谢

我有一个匹配的侧边我的侧边照片库(每个照片+用户名+个人声明=一个单元,并包含在一个表格单元格中…信息通过“while”循环从SQL数据库中以$sql1$sql2的形式从下面的SQL数据库中获取;我设置了一个限制=库中50对照片)…库显示完美。然而,我认为我可以通过在用户的图像的上方放置一个绿色的轮廓,让它更具用户互动性。当手动设置脚本中的所有变量时,我的测试用例(使用绿色轮廓)会起作用,如下所示(此处显示的两个函数同时用于脚本中的GreenBorder和NoBorder):

(假设应用绿色边框是一个实验,所以您不想使用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)" >