09 2016 档案

jQuery实现hover合成事件的方法
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org 阅读全文
posted @ 2016-09-26 01:23 _V- 阅读(1488) 评论(0) 推荐(0)
鼠标事件
摘要：function show(){ v.style.display="block";}function hide(){ v.style.display="none";} 阅读全文
posted @ 2016-09-26 00:57 _V- 阅读(124) 评论(0) 推荐(0)
normalize与reset
摘要：Normalize.css与CSS reset区别 Normalize.css 只是一个很小的CSS文件，但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset，Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已 阅读全文
posted @ 2016-09-17 22:54 _V- 阅读(234) 评论(0) 推荐(0)
bootstrap Typeahead组件
摘要：使用 Bootstrap Typeahead 组件 Bootstrap 中的 Typeahead 组件就是通常所说的自动完成 AutoComplete，功能很强大，但是，使用上并不太方便。这里我们将介绍一下这个组件的使用。 第一，简单使用 首先，最简单的使用方式，就是直接在标记中声明，通过 data 阅读全文
posted @ 2016-09-17 22:50 _V- 阅读(3949) 评论(0) 推荐(0)
雪碧图
摘要：遇见好的文章，笔者也会转载。但是正所谓好记性不如烂笔头，单纯的拿来主义也不如自己的亲自实践。所以每次需要转载的文章，我都会自己敲一遍，中间加入一些自己的思考。这篇文章转载自：http://www.hongkiat.com/blog/compass-image-sprite/作者Thoriq Fird 阅读全文
posted @ 2016-09-12 21:12 _V- 阅读(1345) 评论(0) 推荐(0)
过度效果
摘要：1.Transition Transition是一种直观上的效果，让DOM元素的某个属性在固定时间内从一旧值到一新值。目前Firefox、Opera、Safari和Chrome都支持transition ，IE还不支持。 语法：transition: property duration timing 阅读全文
posted @ 2016-09-11 23:36 _V- 阅读(183) 评论(0) 推荐(0)
JQ 滚动图片
摘要：【原理简述】 这里大概说一下整个流程： 1，将除了第一张以外的图片全部隐藏， 2，获取第一张图片的alt信息显示在信息栏，并添加点击事件 3，为4个按钮添加点击侦听，点击相应的按钮，用fadeOut，fadeIn方法显示图片 4，设置setInterval，定时执行切换函数 【代码说明】 filte 阅读全文
posted @ 2016-09-11 23:34 _V- 阅读(574) 评论(0) 推荐(0)
清除Css中select的下拉箭头样式
摘要：select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #000; /*很关键：将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appeara 阅读全文
posted @ 2016-09-05 00:14 _V- 阅读(56894) 评论(1) 推荐(1)
关于Js下拉导航的解释
摘要：// 定义一个方法sfHover sfHover = function () { // 获取id为nav的dom元素里面的每个li元素, sfEls是个集合 var sfEls = document.getElementById ("nav").getElementsByTagName ("LI") 阅读全文
posted @ 2016-09-05 00:11 _V- 阅读(279) 评论(0) 推荐(0)
纯css实现的下拉导航
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o 阅读全文
posted @ 2016-09-04 17:43 _V- 阅读(374) 评论(0) 推荐(0)
js+css实现的下拉导航
摘要：<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>css菜单演示< 阅读全文
posted @ 2016-09-04 17:42 _V- 阅读(171) 评论(0) 推荐(0)