第32页
  • jQuery导航特效 - 鼠标滑过/滑动遮罩背景图片跟随

    jQuery导航特效 - 鼠标滑过/滑动遮罩背景图片跟随

     这种遮罩效果的菜单滑动,背景图片可以动态滑动特效代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...

    js/jQuery 1年前 528 0 导航
  • jQuery高亮楼层导航插件One-Page-Nav - 横向、纵向高亮楼层导航特效

    jQuery高亮楼层导航插件One-Page-Nav - 横向、纵向高亮楼层导航特效

    今天分享的这个导航插件,常用在各种电商网站模板上,用来提高查找信息的用户体验,特别是分类特别多的时候,用固定导航不能把所有分类行业全部一次性展示出来,这时候就需要用到今天分享的楼层导航了!电商网站的分类比较明确,比如1楼是手机通讯产品,2楼是家用电器,3楼是服装鞋包等等,旁边还会有一个固定的楼层导航,这个导航列出了所有的楼层,同时还会高亮你正在浏览的楼层,点击其他楼层按钮,又会滚动到其他楼层。这样的导航可以增加用户体验,让购物更加方便快...

    js/jQuery 1年前 621 0 导航
  • jQuery 智能判断跟随页面滚动的导航、菜单、广告,下拉后跟随置顶特效代码

    jQuery 智能判断跟随页面滚动的导航、菜单、广告,下拉后跟随置顶特效代码

    之前已分享过一篇依赖jQuery的插件《jQuery 导航菜单、广告 —— 固定、置顶、跟随》,今天再来分享一个jQuery 智能判断跟随页面滚动的导航菜单的特效代码!优势:不需要再定义置顶跟随后的位置,会智能判断!代码分享:<!doctype html> <html> <head> <meta charset="utf-8"> <ti...

  • float:left与position:relative,left:50%+left:-50%组合居中方法

    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组合块居中,多个行内元素/块状元素居中方法

    text-align:center与display:inline组合块居中,多个行内元素/块状元素居中方法

     :改变块级元素的 display 为 inline 类型(设置为 行内元素 显示),然后使用 text-align:center 来实现居中效果。如下例子:html代码:<body> <div>     <ul>      &nbs...

    CSS学习 1年前 474 0 居中display
  • text-align:center与margin:0 auto居中区别

    text-align:center与margin:0 auto居中区别

    这两种方式都可以在一定条件下实现居中效果,那么如何进行区分呢?1、先说text-align:center使行内元素居中条件:text-align:center,水平居中是通过给父元素设置 text-align:center 来实现行内元素居中,比如行内的文字,行内的图片(非块状元素)比如:html代码:<body>   <div class="txtCent...

    CSS学习 1年前 438 0 居中position
  • CSS 长度值 px(像素)、em、% 百分比

    CSS 长度值 px(像素)、em、% 百分比

    很早之前就对px em %百分比有很大的疑惑,在具体写的时候也只喜欢用px,因为em和百分比都需要使用相对尺寸,总体来说还是需要px作为基础,所以现在越来越多的人喜欢用上px作为主要长度值!长度单位总结一下,目前比较常用到px(像素)、em、% 百分比,要注意其实这三种单位都是相对单位。1、像素像素为什么是相对单位呢?因为像素指的是显示器上的小点(CSS规范中假设“90像素=1英寸”)。实际情况是浏览器会使用显示器的实际像素值...

    CSS学习 1年前 399 0
  • CSS font字体缩写

    CSS font字体缩写

    网页中的字体css样式代码也有他自己的缩写方式,下面是给网页设置字体的代码:body{     font-style:italic;     font-variant:small-caps;      font-weight:bold;      fo...

    CSS学习 1年前 445 0
  • position:relative与position:absolute组合使用

    position:relative与position:absolute组合使用

    在使用position的时候往往不是单独,而是配合使用,比如最常用的就是position:relative与position:absolute的组合使用,不同于position: fixed;单独就可以相对浏览器窗口进行定位!下面是复制来自于慕课网的position:relative与position:absolute组合使用教程:使用position:absolute可以实现被设置元素相对于浏览器(body)设置定位以后,大家有没有想...

    CSS学习 1年前 392 0 position
  • jQuery(最优)点击切换显示隐藏状态,点击显示隐藏菜单,.click切换

    jQuery(最优)点击切换显示隐藏状态,点击显示隐藏菜单,.click切换

    之前其实分享过几篇关于JS切换显示、隐藏状态的方法,罗列一下:1、jQuery点击显示隐藏(简单)2、jQuery:点击显示隐藏、横向淡入淡出3、jQuery 点击显示隐藏CSS - toggleClass() 方法4、即插即用 点击 下拉菜单 javascript5、案例:jQuery文本段落展开和折叠效果/点击查看更多、点击隐藏(*)6、即插即用:JS 点击“显示全部”、点击隐藏/折叠部分区域文字 - 特效代码以上6种方法都可以实现...

展开