具有 jquery 可选控件的动态有序列表
我得到了这个模型，我需要从数据库加载动态图片，加载后我需要单击每张图片以标记哪些学者将晋升到下一个年级，我正在想办法用星形图像标记它我点击图片，也许每个图片上都有一个覆盖 div，当我点击时它会被激活。
知道如何制作动态可选择列表（有序列表）并在每张图片上添加带有图像的隐藏 div 吗？
I got this mockup, I need to load dynamically pictures from a db and once loaded I need to click on each picture in order to mark what scholar will be promoted to the next grade, I'm figuring out mark it with a star image when I click on the picture, maybe an overlay div on each image that it is activated when I do click.
Any idea how can I make a dynamic selectable list (ordered list) and add an hidden div with an image on each picture?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
这种类型的功能似乎是 jQuery 的工作。我会将持有者 diva 位置设置为相对位置，并在 div 内添加另一个 div，其位置为绝对位置，并带有 png 背景图像或类似图像。默认情况下，您可以使用 jQuery.hide() 隐藏它，然后使用 jquery.show 显示图像。为了获得更精美的效果，您可以使用 .fadeIn()
This type of feature seems like a job for jQuery. I would set the holder diva position to relative and add another div inside with position absolute within the div with a png background image or similar. You can hide this by default using jQuery.hide() and then show the image with jquery.show. For a fancier effect you can use .fadeIn()