$(function(){ var system = { win: false, mac: false, xll: false, ipad:false }; //检测平台 var p = navigator.platfo…
css小三角-我的triangle！永远都记不住--哭了
我是不是真的老了，css小三角的代码，用了无数次，永远都记不住~~~每次都要去翻记录~~~ 这一次，我决定用绝招了！搬到我的网站上！！！ #sideProNav dt:before{ position:absolute;…
hover下拉菜单--网站常用js代码3
/* 3、hover下拉菜单，也适用于搜索框、语言选择 */ $('.main_menu li.parentLi').hover(function(){ var h = $(this).children('div').c…
计算元素的宽与高 –网站常用js代码2
/* 2、计算元素的宽与高 */ // 如果容器里面有img标签，则需要用到 window.onload ，即等图片等资源加载完再执行，否则会出现计算值为0的情况 // 计算出 .about_pic_list里面的.co…
点击弹出窗口--网站常用js代码1
// 1、点击弹出窗口 function pupShow(){ $(".maskbg").fadeIn("fast"); $(".pup-box").fadeIn("fast"); } function pupClose…
剖析jquery获取元素高度height()失效 高度为0的原因
要做一个左右两列等高的布局。要自适应屏幕宽度，所以不能给固定高度。 没什么好办法，只能用jquery了。 简单粗暴的思路： 先用jquery获取左边图片文字的高度h1，再去获取右边图片文字的高度h2，然后蓝色那块的高度就…
cloudzoom.js实现鼠标移上去图片放大效果
sfr持正的网站需要做一个产品图片鼠标移动上去会有放大的功能，也就是图片放大镜效果。 可以用cloudzoom.js插件，简单易用 先看效果图 下面是使用方法： 页面头部或底部引用 css 和 js 文件 <lin…
css3属性flex 完美解决子项目item高度不统一导致换行错乱问题
前端布局神器 display:flex 属性 2009年，W3C提出了一种新的方案–Flex布局，可以简便、完整、响应式地实现各种页面布局。目前已得到所有现在浏览器的支持。 一、Flex布局是什么？ Flex…
关于fullpage与aos同时使用的冲突问题
fullPage.js是一个全屏滚动插件，它能够很方便、很轻松的制作出全屏网站。 aos.js是一个页面滚动元素动画jQuery动画库插件。 然后呢，我想要页面全屏滚动的时候页面元素可以用一些飞入的效果，but，不行！a…
CSS实现鼠标悬停经过图片弹出层特效动画
数十种纯CSS实现鼠标悬停经过图片弹出层特效动画。 一套基于html5+css3图片响应式布局鼠标悬停图片动画标题文字特效效果动画。 主要是搭配使用了 transition 和 transform两个css3属性，便有了…