网站导航
- 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条数 调用某个（单个）分类：调用(指定)...
-
-
-
Video to GIF视频转gif动态图片软件绿色版（解压即可用）
分享一个自己在本站发布动态图片常用的视频转gif动态图片软件：Video to GIF，因为zblog模板站不想建各种演示链接，所以都直接发布演示动态图，此类软年又必用！可以转换视频文件像AVI，MPEG，MKV，MP4，WMV，MOV，RM和对动画GIF文件。保持原有速率和分辨率。因为本站需要发布很多带有动态演示的案例图片，在PC上的所有操作可以直接使用Gif-gIf-giF《gifgifgif（Gif-gIf-giF）小工具，直接截...
-
zblogphp自适应模板插入优酷视频，电脑与移动手机端都正常显示方法
在使用zblogphp的时候，可能偶尔需要插入优酷等网站视频，一般PC上播放视频是没有什么问题的，不管是插入视频的flash网址、通用网址，还是html代码都可以，因为电脑上一般都有flash插件！而在移动端手机上，必须插入通用代码，也就是iframe代码，框架就不需要使用设备自带flash插件就可播放，所以为了PC和手机端都可以正常播放，最好的办法就是使用通用代码！问题来了：通用代码PC上显示正常，手机端的尺寸有问题，视频太宽以至于显...
-
jQuery导航特效 - 鼠标滑过/滑动遮罩背景图片跟随
这种遮罩效果的菜单滑动，背景图片可以动态滑动特效代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...
-
jQuery高亮楼层导航插件One-Page-Nav - 横向、纵向高亮楼层导航特效
今天分享的这个导航插件，常用在各种电商网站模板上，用来提高查找信息的用户体验，特别是分类特别多的时候，用固定导航不能把所有分类行业全部一次性展示出来，这时候就需要用到今天分享的楼层导航了！电商网站的分类比较明确，比如1楼是手机通讯产品，2楼是家用电器，3楼是服装鞋包等等，旁边还会有一个固定的楼层导航，这个导航列出了所有的楼层，同时还会高亮你正在浏览的楼层，点击其他楼层按钮，又会滚动到其他楼层。这样的导航可以增加用户体验，让购物更加方便快...
-
jQuery 智能判断跟随页面滚动的导航、菜单、广告，下拉后跟随置顶特效代码
之前已分享过一篇依赖jQuery的插件《jQuery 导航菜单、广告 —— 固定、置顶、跟随》，今天再来分享一个jQuery 智能判断跟随页面滚动的导航菜单的特效代码！优势：不需要再定义置顶跟随后的位置，会智能判断！代码分享：<!doctype html> <html> <head> <meta charset="utf-8"> <ti...
-
float:left与position:relative，left:50%+left:-50%组合居中方法
其它居中方法：1、text-align:center与display:inline组合块居中，多个行内元素/块状元素居中方法2、text-align:center与margin:0 auto居中区别3、CSS：左右横向居中—position:relative;left:50%;方法（与本人方法接近，都使用了position:relative）4、div垂直居中 css div盒子上下垂直居中（上下、左右都居中）5、CSS 元素垂直居中的...
-
text-align:center与display:inline组合块居中，多个行内元素/块状元素居中方法
：改变块级元素的 display 为 inline 类型（设置为 行内元素 显示），然后使用 text-align:center 来实现居中效果。如下例子：html代码：<body> <div> <ul> &nbs...
-
text-align:center与margin:0 auto居中区别
这两种方式都可以在一定条件下实现居中效果，那么如何进行区分呢？1、先说text-align:center使行内元素居中条件：text-align:center，水平居中是通过给父元素设置 text-align:center 来实现行内元素居中，比如行内的文字，行内的图片（非块状元素）比如：html代码：<body> <div class="txtCent...
-
CSS 长度值 px（像素）、em、% 百分比
很早之前就对px em %百分比有很大的疑惑，在具体写的时候也只喜欢用px，因为em和百分比都需要使用相对尺寸，总体来说还是需要px作为基础，所以现在越来越多的人喜欢用上px作为主要长度值！长度单位总结一下，目前比较常用到px（像素）、em、% 百分比，要注意其实这三种单位都是相对单位。1、像素像素为什么是相对单位呢？因为像素指的是显示器上的小点（CSS规范中假设“90像素=1英寸”）。实际情况是浏览器会使用显示器的实际像素值...
-
CSS font字体缩写
网页中的字体css样式代码也有他自己的缩写方式，下面是给网页设置字体的代码：body{ font-style:italic; font-variant:small-caps; font-weight:bold; fo...