欧美乱伦图片区,国产日韩欧美一区二区三区四区五区,欧美性色爽,乱伦小说网站免费观看视频,啊用力啊好深啊H在线观看,男女做哎爱过程图片

信息動(dòng)態(tài)

網(wǎng)站設(shè)計(jì)是技術(shù)與創(chuàng)意的完美融合!

技術(shù)資訊

dede標(biāo)題不完整時(shí)加省略號(hào)

2012-07-22 19:01:35

有時(shí)候青島網(wǎng)站制作中,新聞的標(biāo)題需要進(jìn)行字?jǐn)?shù)限制,這就需要加入一個(gè)title屬性,讓鼠標(biāo)放上去的時(shí)候顯示完整標(biāo)題。另外目前的調(diào)用只能同時(shí)調(diào)用一種標(biāo)題方式,不過(guò)可以采用以下方法,進(jìn)行判斷,無(wú)簡(jiǎn)略標(biāo)題顯示完整標(biāo)題。例如dede早期版本中的”有來(lái)源

顯示來(lái)源,無(wú)來(lái)源不顯示”、”有作者顯示作者,無(wú)作者不顯示”。

方法一:
{dede:field name='array' runphp='yes'} if (@me['shorttitle']=='') @me=@me['title'];else @me=@me['shorttitle'];{/dede:field}
     
方法二:
[field:array runphp='yes'] if (@me['shorttitle']=='') @me=@me['title'];else @me=@me['shorttitle'];[/field:array]

這個(gè)方法可以在{dede:arclist}標(biāo)簽中套用。

方法三:
有時(shí)標(biāo)題過(guò)長(zhǎng),全部顯示會(huì)導(dǎo)致排版混亂,影響美觀。但顯示一部分又影響用戶(hù)體驗(yàn)。我們希望當(dāng)標(biāo)題在一定長(zhǎng)度范圍內(nèi)時(shí),全標(biāo)題顯示,當(dāng)標(biāo)題過(guò)時(shí),只顯示一定長(zhǎng)度,后面加省略號(hào),然后當(dāng)鼠標(biāo)移上去時(shí)再顯示標(biāo)題的全部?jī)?nèi)容,這樣就即做到了不影響版面的布局,又做到了標(biāo)題內(nèi)容的全部顯示。

這里給出不需要修改程序,只修改模板的方法。舉例,下面的標(biāo)題列表,最長(zhǎng)的標(biāo)題50字節(jié),只想顯示30字節(jié),模板代碼如下:

           <ul>
                {dede:arclist titlelen='50' row='10'}
                <li><a title="[field:title /]" href="[field:filename /]">[field:title function='( strlen("@me")>30 ? cn_substr("@me",30)."..." : "@me" )'/]</a></li>
                {/dede:arclist}
            </ul>

很明顯,解決問(wèn)題的關(guān)鍵在于用 [field:title function='( strlen("@me")>34 ? cn_substr("@me",30)."..." : "@me" ) ' /] 代替了原來(lái)的 [field:title /] ,在輸出標(biāo)題時(shí)多了一個(gè)判斷的過(guò)程,先判斷標(biāo)題是否大于34字節(jié),如果大于則只輸出30字節(jié)的長(zhǎng)度,并加上省略號(hào)。而title="[field:title /]" 則不受影響,鼠標(biāo)移上去時(shí)顯示標(biāo)題的全部?jī)?nèi)容。

方法四:
除上面修改模板的方法外,還有編程或CSS等方法。但能通過(guò)模板解決的問(wèn)題,編程就不必要了。CSS的方法如下:

<a style="width:120px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;" title="DedeCMS2007即將發(fā)布" href=" " >DedeCMS2007即將發(fā)布</a>

解釋?zhuān)簑idth:120px; 限定長(zhǎng)度,text-overflow:ellipsis :當(dāng)對(duì)象內(nèi)文本溢出時(shí)顯示省略標(biāo)記...,white-space:nowrap:強(qiáng)制文本在一行內(nèi)顯示,overflow:hidden:溢出內(nèi)容為隱藏。

CSS的方法比修改模板還要簡(jiǎn)單,不過(guò)很遺憾,text-overflow:ellipsis屬性在firefox中是沒(méi)有效果的。所以,還是使用上面的修改模板的方法吧。

 

0532-85810878 473587358 掃碼添加微信

掃碼添加微信

掃碼關(guān)注公眾號(hào)

官方公眾號(hào)

2054585360
惠水县| 兴和县| 巢湖市| 大安市| 天全县| 剑川县| 会宁县| 晋宁县| 沂水县| 五家渠市| 昌乐县| 阳朔县| 泗水县| 德格县| 抚顺县| 普定县| 特克斯县| 错那县| 汤原县| 吴桥县| 喜德县| 平原县| 象州县| 临城县| 正阳县| 皋兰县| 新沂市| 东兴市| 屯留县| 固阳县| 磐石市| 扬中市| 临澧县| 青龙| 五原县| 阿拉善右旗| 四川省| 东明县| 莎车县| 娄底市| 和硕县|