登錄 注冊 發(fā)新帖 |
chinaqingdao
|
TWCMS完美實現(xiàn)chinaz、盧松松左右翻頁代碼首先感覺TWCMS提供程序,感謝我的模板發(fā)布者BAIJI
估計這也是TWCMS終結(jié)版了。 看了chinaz、盧松松左右翻頁代碼,青島SEO蠢蠢欲動,呵呵,仔細(xì)觀察了一下他們的左右翻頁代碼,認(rèn)真考慮原來就是利用CSS加翻頁輕松實現(xiàn),分享如下: 不好意思上面圖片帶了水印,具體圖片地址為:http://www.52qingdao.com/twcms/view/baijia/img/arrow.png 將以下代碼加入HEAD之間,當(dāng)然你也可以加載到你的CSS里面。具體高度什么的可以自己設(shè)置: <style type="text/css"> a.prev,a.next{display:block;width:108px;height:282px;position:fixed;left:50%;top:70%;margin-top:-250px;background:url("http://www.52qingdao.com/twcms/view/baijia/img/arrow.png") no-repeat;} a.prev{margin-left:-600px;background-position:0 0;} a.next{margin-left:500px;background-position:0 -280px;} a.prev:hover,a.next:hover{background-color:#f5f5f5;} </style> 我們的好處是把頁面標(biāo)題也帶上了,呵呵,比他們的更酷吧?! 找到你的上一頁,下頁將代碼替換如下: <div class="turn"> <ul> <li>{if:isset($gdata[prev][url])}<a href="{$gdata[prev][url]}" class="prev">{$gdata[prev][title]}</a>{else}沒有了{(lán)/if}</li> <li>{if:isset($gdata[next][url])}<a href="{$gdata[next][url]}" class="next">{$gdata[next][title]}</a>{else}沒有了{(lán)/if}</li> </ul> </div> 如果您跟我的CMS不一樣,無所謂,就是調(diào)用了里面的class="prev", class="next", 呵呵,你懂得, 不懂就聯(lián)系我好了。 效果展示:http://www.52qingdao.com/index.php?show--cid-2-id-256.html
#1樓
|
|
發(fā)帖時間:2015-8-17 |
查看數(shù):0 |
回復(fù)數(shù):20
|
chinaqingdao
|
2015-8-17
#2樓
|
chinaqingdao
|
上面是圖片地址
2015-8-17
#3樓
|
anhuich
|
http://www.xookee.com/union/ 中國網(wǎng)站大聯(lián)盟如果您跟我的CMS不一樣,無所謂,就是調(diào)用了里面的class="prev", class="next",
呵呵,你懂得,
2015-8-30
#4樓
|
itxsy
|
好東西,收了。
2015-8-30
#5樓
|
vxcn
|
。。。。。。。。。。。。。不錯的
2015-9-10
#6樓
|
sunm
|
admin
2015-10-28
#7樓
|
ruinous
|
好東西,收了。
2016-6-13
#8樓
|
gb111222333
|
好東西,收了。
2018-9-4
#9樓
|
gb111222333
|
好東西,收了。
2018-9-4
#10樓
|
gb111222333
|
好東西,收了。
2018-9-4
#11樓
|
gb111222333
|
好東西,收了。
2018-9-4
#12樓
|
gb111222333
|
好東西,收了。
2018-9-4
#13樓
|
gb111222333
|
好東西,收了。
2018-9-4
#14樓
|
gb111222333
|
好東西,收了。
2018-9-4
#15樓
|
gb111222333
|
好東西,收了。
2018-9-4
#16樓
|
gb111222333
|
好東西,收了。
2018-9-4
#17樓
|
boss
|
收藏了
2018-12-23
#18樓
|
geiliwangluo
|
來耍金幣的
2020-9-18
#19樓
|
游客組
|
|