常见的文档列表方式_第1页
常见的文档列表方式_第2页
常见的文档列表方式_第3页
常见的文档列表方式_第4页
常见的文档列表方式_第5页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

常见的文档列表方式通过下面的通用函数调用,可以组合成多种文档布局方案showDocumentMixed{picNum,PicTitleLength,PicContiact,BigTitleNum.bigTitleLength.ContractLength.SmallTitleNum,SniallTitleLength,DateType)PicNum:图片数量,。表示不显示图片,同时PicTitleLength及PicContract无效,并清除对应结构标签。PicTitleLength:PicContract:图片标题长度,0表示不显示图片标题,并清除对应结构标签。图片摘要长度:0表示不显示摘要,并清除对应结构标签。BigTitleNum:

应结构标签。导读标题数量,0表示不显示导读标题,同时bigTitleLength设置无效,并清除对•bigTitleLength导读标题长度。ContractLength,SmallTitleNum导读摘要长度,0ContractLength,SmallTitleNum常规标题数量,0表示不显示常规标题,同时SmallTitleLength以及DateType无效,并清除对应结构标签。SmallTitleLength常规标题长度°DateType日期格式,0表示不显示口期,并清除对应结构标签。虽然在理论和技术上,可以用jqueiy通过样式表CSS对大小标题进行控制,但jquery应当归类为用户行为的操作,因此不建议那样操作。■12岁出道雄洛施历年浩饨造型■12岁出道雄洛施历年浩饨造型盘点女星最龙人部位让入记目维忘兰国第FA.盘点女星最龙人部位让入记目维忘兰国第FA.的1?个保秀杉波)㈤却下女王而具范爷离开镜头廉样类<dd>图片</dd><dt>图片标题</dt><p>图片摘要v/p></dl>女人要'自爱"击退衰老不留情尹思惠边你感登光透亮白2领兰乏臻日偌护悻验寇奇迹点亮内在光系高端海飞电限时技!向小女人要'自爱"击退衰老不留情尹思惠边你感登光透亮白2领兰乏臻日偌护悻验寇奇迹点亮内在光系高端海飞电限时技!向小S右弁用掉蓉肉轻松变身肌肤也芟唱红牛辉别多月初碇“膜”女盼笠沉发黄通通走开<dt>导读标题</dt><dd>导读摘要v/dd></dl><ul>vli>小标题<span>日期</spaii></li></ul>说明:本函数在变量定义中使用了图片标题、导读标题的字样,实际应用中,也通常是把标题放在相应的文档中,但在定义文档流时,用DD、DT标签进行了标记,在语义上似乎不符合规范。我们是这样理解的:这些标题在单个文档中的确是标题属性,但在本函数中,这些标题只是整个文档流(也可以称为文档列表)的一部分,因此不能按照标题处理。在文档列表中,用11标签标识一组文档的标题,也是基于同样的道理。本函数按照上面的文档流结构返回列表,没有对这些标签的样式属性进行定义和引用。样式属性应当在CSS中定义和设置,并通过全局文档结构引用。本函数返回的列表应当是无序列表。列表中不应当有重复的信息。

方案1:showDocumentMixed(1,20,0,1,40,80,8,30,0)1图(+1享30标)+P40导标(+1*80摘要)+8零30常标文档结构<dl><dd>图片v/dd><dt>图片标题</dt></dl><dl><dt>导读标题</dt><dd>摘要</dd></dl><ul><li>常规标题v/li> 常规标题</li></ul>图片1张,标题20字符,不显示摘要导读1条,标题40字符,摘要80字符8条30字符的常规标题SUMKYCHIOSS〔成佃维人电衫海援新科奥斯卡影后成长写其大全第例才女,*悟摩斯卡影后,将史。SUMKYCHIOSS〔成佃维人电衫海援新科奥斯卡影后成长写其大全第例才女,*悟摩斯卡影后,将史。【详细】生镜人ClafidLachapelleft9^中醐首位四后奥街卡甥后那塔莉波受不笼的住感5。部最撩人的电影海报TonnyToni若拍绷节体.我男人品味会呈冏照列您华只早三角裤出膜黄点H蛇贼儿搭^踪“膏’法国男人的魅力是肉液亦是迷惑男士春季护肤4点必知专京建议方案2:showDocumentMixed(l,20,0,130,0,5,40,0) 效果参见右侧样图1图(+P20标)+1字30导标+5零40常标文档结构<dl><dd>图片</dd><dt>图片标题</dt></dl><dl><dt>导读标题</dt></dl><ul><li>常规标题v/li>...<li>常规标题</li></ul>图片1张,标题20字符,不显示摘要导读1条,标题30字符,不显示摘要本例没有设置口期,可根据需要设置口期显示方式方案3:showDocumentMixed(1001,3003,40,0)1图+1*30导标+n常规标题:文档结构<dl><dd>图片</dd></dl><dl><dt>导读标题</dt></dl><ul><li>常规标题v/li>...<li>常规标题</li></ul>图片1张,不设标题,不显示摘要导读1条,标题30字符,不显示摘要,导读标题样式与常规标题一致,则可按常规标题方式显示童子怡谜恋男A关甥后娜塔莉准波妈的时尚穿衣经英场卡厂告时到红捞缪斯穿尽大博金保奖3礴经典彩片及经典造型葩冰冰引领中性风章子治很童子怡谜恋男A关甥后娜塔莉准波妈的时尚穿衣经英场卡厂告时到红捞缪斯穿尽大博金保奖3礴经典彩片及经典造型葩冰冰引领中性风章子治很)(1气偷师王2龄掐吝日丝卬打造经典奥斯卡也芽也女星礼服图空屋衫Fashion•j_ 街拍复苏各范儿淘人汇噤上海滩f^L澳斯卡广朝到红毯.斯穿尽林期段的双扣背包你有吗?, ,运的时向邮海朝乐活-族BEAUTY・12岁出道梁洛施回顾清纯造型.史上彩言力刮购教程不瘦也难•活力*颜全能抗老觥行£、:•美味土豆湖?.餐让你]天度I斤本例样图其实是上页样图的重复使用

方案4:showDociimentMixed(2,20,0,l,40,80,8,30,0)2图(+2*20标)+1^40导标(+1*80摘要)+8*30常标文档结构<dl>vdd>图片</dd><dt>图片标题</市>vdd>图片</dd><dt>图片标题</市></dl><dl><dt>导读标题</dt><dd>摘要</dd></dl><ul><li>常规标题v/li> 常规标题</li></ul>图片2张,标题20字符,不显示摘要导读1条,标题40字符,摘要80字符8个30字符的常规标题方案5:showDocumentMixed(3,30,80,0,40,80,0,30,0)3图(+3*30标+3零80摘要)文档结构<dl><dd>图片</dd><dt>标题</dt><p>摘要</p></dl><dl><dd>图片v/dd>vdt>标题</dt><p>摘要</p></dl><dl><dd>图片v/dd>vdt>标题</dt><p>摘要</p></dl>图片3张,标题30字符,摘要80字符导读摘要80字符本例没有设置口期,可根据需要设置口期显示方式通过调整css达到布局效果韩国女星宋慧乔如□平哀宅眼光我国人气阔侈腱井以8堂色生死恣〉而大红大案,HSFtm…[查若许汨]出手朝的沙发椅设计亚当和•韩国女星宋慧乔如□平哀宅眼光我国人气阔侈腱井以8堂色生死恣〉而大红大案,HSFtm…[查若许汨]出手朝的沙发椅设计亚当和•重您受世界表性感的酒/是具亲缶力的疯狂鞋子敝弟玛宿王徵传控千金女儿PLL通有无美硅48双打开贵小茁的衣传架指旌须街端玄星天价分手贸&E怒至新定制究具4月发布若侈品中国现状:吃控面置LF清新打底衫走俏初舂MM甜美・・早舂都有什么样的港艇打底衫歪消让你甜美升级?【查看详细】八款舂季扮靓小外套不能少衣服的追型更有削意才会芬人眼涉,浇行磴的族律…[查者详细】7款美发品全套洗拼魇身完成一百折美发界的若穿俏唠明I,沪滋家千万不能在头发…【查者详细】独家专稿SPECIALS编辑推荐孙后女星衰老度PK谁最老一幕了然经常看到有人拿两位不同年活的美义的比,不过毕兑不是问一年代的人物,可比性不强>本又成来比拼一下8CI后这一弋美女电星的索颜•8Q后女呈衰老度PK诡最老一•直击18条传言真相助你逃离曰色情人节室延续ing楚不能拉以婪匕的白色情人节并饴倒计时

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论