国产亚洲精品自拍,亚洲va在线va天堂va不卡下载,亚洲av中文无码字幕色本,国产精品久久国产精品},韩国激情一区二区无码在线},亚洲人成网站www

信息動(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
阿坝| 新密市| 新龙县| 积石山| 华坪县| 河北区| 搜索| 敖汉旗| 吴江市| 桂阳县| 万年县| 迭部县| 山丹县| 沧州市| 台中市| 阳朔县| 大埔县| 新泰市| 车险| 柞水县| 台安县| 洞头县| 玛纳斯县| 昭平县| 永靖县| 盱眙县| 小金县| 荔浦县| 新民市| 峨边| 普兰县| 拜泉县| 汶上县| 金华市| 湖州市| 建宁县| 莱州市| 镇巴县| 塘沽区| 油尖旺区| 贡嘎县|