【JS能轻松实现？小弟不才坐等高手】<P> 标记定义不同文字。

Question

本帖最后由 jcmgsrocn 于 2014-06-30 01:23:38 编辑

Answer 1

<p id="hint">点击查看详情</p><ul>
<li><a href="javascript:text('aaaaaaaaaaa');void 0"><img src="images/bg/page1_pic1.jpg" /></a></li>
<li><a href="javascript:text('bbbbbbbbbbb');void 0"><img src="images/bg/page1_pic2.jpg" /></a></li>
</ul>
<script type="text/javascript">
function text(t)
{
document.getElementById("hint").innerHTML = t;
}
</script>

Answer 2

现有代码P标记会给每张图片上附上一个文字。 但是所有图片的文字都是 点击查看详情。我想能不能再P标记这里写一段JS或者直接写上每张图片对应的文字，如果P标记改变位置就没有效果了，因为JS会自动将P标记的一个文字分给15个图片显示。怪小弟没写清楚，老大，继续指引下好吗？

Answer 3

你看一下绑定在 splash 类上的代码

Answer 4

http://www.jingyinghuangzu.com/ 这个是演示。每张图片上的都有CLICK TO VIEW DETAILS文字需要给每张图片附上一个对应图片的文字。

Answer 5

他有这样一个函数function initGallery(){
    splash = $('.splash');
    sh = parseInt(splash.css('height'));
    splash.eq(1).css({'top':-sh,'height':'0'});
    
    var itms = $('.splash li a')
    .prepend('<span class="sitem_over"></span><div class="separ"></div><div class="over_info"><strong></strong><em></em></div>')
    itms.find('em').text($('#hint').text())
......请注意这句 itms.find('em').text($('#hint').text())
他把 id=hint 中的内容附加到每一个图片上
如果 <p id="hint">点击查看详情</p>
变成
<p id="hint">
信息1
信息2
信息3
信息4
信息5
信息6
信息7
......
</p>itms.find('em').text($('#hint').text())
变成
var x = $('#hint').text().split(/[\r\n]+/)
itms.each(function(i( {
  $(this).find('em').text(x[i])
})
不就可以分别指派了吗？一般的说，如果每个图片有其个性化的说明，那么这个说明应与图片放在一起
<li><a href="#!/Page_Home"><img src="images/bg/page1_pic1.jpg" title='张三'/></a></li>
<li><a href="#!/Page_Home"><img src="images/bg/page1_pic2.jpg" title='李四' /></a></li>
<li><a href="#!/Page_Home"><img src="images/bg/page1_pic3.jpg" title='王五' /></a></li>
于是可这样写
itms.each(function(i( {
  $(this).find('em').text($(this).find('img').attr('title'))
})

Answer 6

两个代码我都试了，版主大神，提示缺少 ) itms.each(function(i( {哪里缺少啊，晕

Answer 7

itms.each(function(i) {
是写错了，不好意思