Foxtable(狐表) → 用户栏目 → 专家坐堂 → 文章索引


  共有2050人关注过本帖树形打印复制链接

主题：文章索引
帅哥哟，离线，有人找我吗？
刘林
 小大  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：八尾狐 帖子：1942 积分：14925 威望：0 精华：0 注册：2016/4/28 9:58:00 		文章索引  发帖心情 Post By：2018/7/21 14:00:00 [显示全部帖子]

请老师指导一下类似标题新闻的写法
左边一个图片，右边标题，点标题或图片进入正文
 回到顶部
帅哥哟，离线，有人找我吗？
刘林
 小大  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：八尾狐 帖子：1942 积分：14925 威望：0 精华：0 注册：2016/4/28 9:58:00 		  发帖心情 Post By：2018/7/21 14:51:00 [显示全部帖子]

我发现原生的和框架做在一起不行，我是想请老师指导个用原生写的类似于这种的例子

 回到顶部
帅哥哟，离线，有人找我吗？
刘林
 小大  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：八尾狐 帖子：1942 积分：14925 威望：0 精华：0 注册：2016/4/28 9:58:00 		  发帖心情 Post By：2018/7/21 17:03:00 [显示全部帖子]

  sb.appendline("<div>")
    sb.appendline("<ul>")
    sb.appendline("<li>")
    sb.appendline("<a href="">")
    sb.appendline("<img src= 'yb.jpg' alt='标题图片' width= '40%'>")
    sb.appendline("<h4 >这里是商品标题1</h4>")
    sb.appendline("<em >￥4999.00</em>")
    sb.appendline("</a>")
    sb.appendline("</li>")
    sb.appendline("<li>")
    sb.appendline("<a href="">")
    sb.appendline("<img src= 'yb.jpg' alt='商品图片'>")
    sb.appendline("<h4 >这里是商品标题2</h4>")
    sb.appendline("<em >￥4999.00</em>")
    sb.appendline("</a>")
    sb.appendline("</li>")
    sb.appendline("</ul>")
    sb.appendline("</div>")

老师，仿照例子试了一下，现在的问题是，试了两图片只显示一个，第二是设置图片的大小不变呢，还有如何将标题文字显示在图片右边，这个才开始接触，请老师谅解
 回到顶部
帅哥哟，离线，有人找我吗？
刘林
 小大  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：八尾狐 帖子：1942 积分：14925 威望：0 精华：0 注册：2016/4/28 9:58:00 		  发帖心情 Post By：2018/7/21 19:26:00 [显示全部帖子]

 sb.appendline("<div><a href='http://baijiahao.baidu.com/s?id=1602257401155851048&wfr=spider&for=pc' style ='font-size:60px'><img src= 'https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2360503,803819588&fm=173&app=25&f=JPEG?w=556&h=420&s=4186F61ACC915FE9125CF1CE0100E0E3' alt='标题图片' style='float:left' width='55%' heigth='200'>决定孩子一生的关键-注意力</a></div></br></br>")
    sb.appendline("<div><a href='http://baijiahao.baidu.com/s?id=1582007943502007987&wfr=spider&for=pc' style ='font-size:60px'><img src= 'http://t12.baidu.com/it/u=1378737182,3689733610&fm=173&s=99CCB552878C7EEC02D8D9DE02004073&w=640&h=480&img.JPEG' alt='标题图片' style='float:left' width='55%' heigth='200'>好习惯成就好人生</a></div></br></br>")
   

为了理解方便，我这样写，现在的问题"好习惯成就好人生"这行字显示在"决定孩子一生的关键-注意力"后面，是什什么原因?怎么改
 回到顶部
帅哥哟，离线，有人找我吗？
刘林
 小大  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：八尾狐 帖子：1942 积分：14925 威望：0 精华：0 注册：2016/4/28 9:58:00 		  发帖心情 Post By：2018/7/23 14:52:00 [显示全部帖子]

   sb.appendline("<div>")
    sb.appendline("<ul>")
    sb.appendline("<li>")
    sb.appendline("<a href='http://baijiahao.baidu.com/s?id=1602257401155851048&wfr=spider&for=pc'>")
    sb.appendline("<img src='https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2360503,803819588&fm=173&app=25&f=JPEG?w=556&h=420&s=4186F61ACC915FE9125CF1CE0100E0E3' alt= '品图片'style='float:left' width='55%' heigth='200'>决定孩子一生的关键-注意力</img>")
    sb.appendline("</a>")
    sb.appendline("</li>")
    sb.appendline("<li>")
    sb.appendline("<a href='http://baijiahao.baidu.com/s?id=1602257401155851048&wfr=spider&for=pc'>")
    sb.appendline("<img src='https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2360503,803819588&fm=173&app=25&f=JPEG?w=556&h=420&s=4186F61ACC915FE9125CF1CE0100E0E3' alt= '品图片'style='float:left' width='55%' heigth='200'>决定孩子一生的关键-注意力</img>")
    sb.appendline("</a>")
    sb.appendline("</li>")
    sb.appendline("<li>")
    sb.appendline("<a href='http://baijiahao.baidu.com/s?id=1602257401155851048&wfr=spider&for=pc'>")
    sb.appendline("<img src='https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2360503,803819588&fm=173&app=25&f=JPEG?w=556&h=420&s=4186F61ACC915FE9125CF1CE0100E0E3' alt= '品图片'style='float:left' width='55%' heigth='200'>决定孩子一生的关键-注意力</img>")
    sb.appendline("</a>")
    sb.appendline("</li>")
    sb.appendline("</ul>")
    sb.appendline("</div>")
    

图片点击可在新窗口打开查看此主题相关图片如下：screenshot_2018-07-23-14-48-07-79.png
图片点击可在新窗口打开查看

老师，我照有些例子这样做，但三个图片的文字标题显示在一起了呢，我是想做成每张图片后面跟对应的标题，请问是什么原因，怎么改
 回到顶部
帅哥哟，离线，有人找我吗？
刘林
 小大  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：八尾狐 帖子：1942 积分：14925 威望：0 精华：0 注册：2016/4/28 9:58:00 		  发帖心情 Post By：2018/7/23 15:32:00 [显示全部帖子]

结果一样呢，每个图后面显示其
图片点击可在新窗口打开查看此主题相关图片如下：qq图片20180723153208.png
图片点击可在新窗口打开查看
对应的标题,像这样

 回到顶部
RSS2.0 | Xhtml无图版 | Xslt无图版 Copyright © 2000 - 2018 foxtable.com Tel: 4000-810-820 粤ICP备11091905号
   Powered By Dvbbs Version 8.3.0
页面执行时间 0.04688 秒, 5 次数据查询