七片枫叶 | 4758℃ | 2018-02-24
幻灯片是网站不可少的元素,有一个好看的幻灯片,能给网站添色不少。
不管JS、还是Jquery,添加到zblog上都要自己动手了。
自己整理了个代码,记录下来方便以后使用。
代码如下:
<ul class="slider-relative" id="relative"> {php} $array = explode(',',$zbp->Config('sml_cms')->indexflash); {/php} {foreach $array as $hotid} {$related=GetPost((int)$hotid)} <li class="slide fix-width"> <a href="{$related.Url}" target="_blank"> <img src="{php} $temp=mt_rand(1,5); $pattern="/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png]))[\'|\"].*?[\/]?>/"; $content = $related->Content; preg_match_all($pattern,$content,$matchContent); if(isset($matchContent[1][0])) $temp=$matchContent[1][0]; else $temp="$host/zb_users/theme/$theme/style/images/random/$temp.jpg"; {/php}{$temp}" alt="{$related.Title}" /> </a> <span class="text ani-left"> <strong><a href="{$related.Url}" target="_blank">{$related.Title}</a></strong> <small><a href="{$related.Url}" target="_blank">{php}$intro= preg_replace('/[\r\n]+/', '', trim(SubStrUTF8(TransferHTML($related->Content,'[nohtml]'),30)).'...');{/php}{$intro}</a></small> </span> </li> {/foreach} </ul>
代码配合Jquery实际效果如下图:
现在网上好多Jquery图片效果,找个好看的,配合代码就能做出一个好看的幻灯片来。
发现好多CMS、博客系统都有这个问题,搞怪了。。导航显示二级栏目:{pc:conte...
6107
验证码很烦,,所以就想取消掉。方法如下:取消后台登陆验证码:打开\phpcms\mo...
5927
浏览文章时用小键盘“← →”翻页,不想写废话了,具体方法如下:新建个JS代码如下:(...
4985
首页调用最新文章:{pc:get sql="SELECT&nbs...
5320
phpcms v9 utf-8版,在使用论坛中的点击图片翻页时出现错误。通过反复试验...
5112
现WINDOWS系统越来越没有节操了,为了赚钱会偷偷搞点小动作,WIN10每次更新后,开机会自动打开浏览器,访问MSN网站,对很多人来说,这是一个不礼貌的行为。那么我们怎么关闭WIN10系统中这个不礼貌的行为呢?解决方法如下:1、快捷键:W...
11699
(一)MSDN (Microsoft Developer Network)版 MSDN软件是微软公司面向软件开发者的一种版本。MSDN 涵盖了所有可以被开发扩充的平台和应用程序,如微软公司的百科全书 Encarta,或者是各种游戏,是不...
9296
浏览器支持 Internet Explorer、Firefox、Opera、Google Chrome、Safari,所有主流浏览器都支持 <blockquote> 标签。 标签定...
8807