网站导航
- zblogPHP模板zbpkf
- zblog免费模板zblogfree
- zblog模板学习zblogxuexi
- zblogPHP仿站zbpfang
-
CSS 选择器参考手册
CSS3 选择器 <script> $(document).ready(function(){ $("botton").click(function(){ //jQuery 元素选择器 $(this).hide(); $("p").hide(); $("#test").hide();...
-
jQuery修改class属性和CSS样式
class属性修改 类属性即class属性,规定类名. 用类选择器规定样式的时候,需要为元素指定类名,即class属性的值. 注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔. 具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp 用jQuery进行类名修改既可以用attr(...
-
zblogPHP模板制作技巧总结
判断:常用if判断 (CMS首页判断、侧栏判断)指定分类设置特殊模板样式,分类编辑选择为某些分类指定分类模板,后台版方法字段:主题调用指定字段文章(多选字段)方法 调用某篇文章:指定文章标题、内容、摘要、图片...调取某个页面的标题、内容等zblogPHP 调用全部页面(调取所有页面) 调用多篇文章:主题连续调用多篇文章,输入ID方法调取置顶文章到首页,限制(指定)N条数 调用某个(单个)分类:调用(指定)...
-
CSS 横向菜单允许滚动(滑动)并隐藏滚动条(移动端)
今天写一个模板的时候,在手机端需要横线罗列菜单,为减少占用空间,采用了横向滚动(滑动)效果,并且隐藏滚动条!最后写的CSS还是不支持firefox,在firefox的浏览器上滚动条隐藏不掉。。。不管了,因为这个横向滚动是运用在手机端,不会出现firefox的问题!相关:1、纯CSS3 自定义滚动条样式设置方法大全(不兼容firefox)2、jQuery插件 - 滚动条样式-jQuery custom content scro...
-
纯CSS3 自定义滚动条样式设置方法大全(不兼容firefox)
刚写过一篇使用jQuery滚动条插件jQuery custom content scroller,兼容所有浏览器,但缺点也非常明显,就是过大了,高达100K左右的JS+css,非常不友好。本文分享的是纯CSS方法,但缺点也明显,不兼容firefox,看过很多兼容firefox的方法,但因为firefox的更新很多都失效了,以后遇到再重点写下firefox的滚动条样式。/*滚动条*/ .widget_kuaixun ...
-
jQuery插件 - 滚动条样式-jQuery custom content scroller,兼容所有浏览器
有时需要对div加滚动条,并且需要一定的样式,如果采用CSS的方法兼容性总是出各种问题,比如在firefox浏览器上就很难做到完美兼容,当然firefox目前的使用率不是很高,大概不足10%,也可以不考虑采用CSS的方法,代码简单!而采用插件的方法,比如jQuery custom content scroller滚动条插件,好处就是兼容性良好,并且有很多样式主题可以选择,但缺点就是过大,JS+CSS一起接近100k,如果是普通小站并且带...
-
jQuery $(document).height()与$(window).height() - 判断div随滚动条滚动到一定位置后停止
jQuery(window).height()代表了当前可见区域的大小,而jQuery(document).height()则代表了整个文档的高度,可视具体情况使用. 注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变,但是jQuery(document).height()是不变的。$(document).scrollTop() 获取垂直滚动的距...
-
jquery如何判断滚动条滚到页面底部并执行事件
jquery如何判断滚动条滚到页面底部并执行事件scrollBottomTest =function(){ $("#contain").scroll(function(){ &nbs...
-
div+css在固定宽高下显示滚动条(右侧、下方)以及滚动条颜色 - overflow
滚动条现在已经不是很常用了,但偶尔在特殊的模块仍然发光发热,下面在详细说明下如何在div+css下实现固定宽度和高度的滚动条,以及如何在右侧和下方显示滚动条。1、div+css如何加滚动条:div 加滚动条的方法:<div style="position:absolute; height:400px; overflow:auto"></div>div 设置滚动条显示:overflow :yes...