XLjiqimaobuchiyu-优快云博客

原创我的第一个vue

vue：现在最火的是一个构建数据驱动的 web 界面的渐进式框架，Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。在vue官网看到三个vue的特点，第一，简单；第二，灵活；第三：性能；vue=HTML+json；例子： window.onload=function(){ var c=new V

2017-09-19 14:43:51 531

原创 jQuery实现固定导航栏效果

jQuery实现固定导航栏效果：固定导航栏效果*{margin: 0;padding: 0;}body{text-align: center;}.fixed{top: 0;left: 0;position: fixed;}$(document).ready(function(){// 入口函数$(w

2017-09-17 21:23:10 1126

原创 jQuery特殊属性之val方法

jQuery之val方法

2017-09-15 10:29:01 767

原创 jQuery之remove和empty事件

jQuery之remove和empty事件

2017-09-15 09:57:28 1078

原创 jquery实现仿火车官网城市选择切换案例

jquery实现仿火车官网城市选择切换案例 select { width: 200px; background-color: teal; height: 200px; font-size: 20px; } .btn-box { width: 3

2017-09-14 23:46:55 915

原创 jquery和JavaScript动态创建节点

jquery和JavaScript动态创建节点div{width: 200px;height:200px;background-color: #FF0000;}百度一下，你就知道现在通过JavaScript和jQuery分别动态创建a标签节点；JavaScript动态创建节点：div

2017-09-14 22:20:51 513

原创 jQuery实现仿淘宝tab栏切换效果

jQuery实现仿淘宝tab栏切换效果首先先把html页面主要展示的内容写出来：国际大牌◆ 国妆名牌◆ 清洁用品◆ 男士精品效果图如下：

2017-09-13 17:07:34 1646

原创 jQuery之css操作

jQuery之css操作： $(document).ready(function(){// $("li").css("backgroundColor","red");//// 1.单个设置标签的css样式 $("li").css("fontSize","18px").css("backgroundCo

2017-09-13 14:25:30 334

原创 jQuery实现手风琴效果

jQuery实现手风琴效果*{margin: 0;padding: 0;}ul{list-style: none;}.parent{width: 200px;text-align: center;}.menu{border:1px solid #999;background-color: #e0ecff;}.g

2017-09-12 22:54:40 748

原创 jquery实现突出显示效果

jquery实现突出显示效果代码：在HTML中写出要展示的图片，直接采用ul和li标签；加上图片的目录突出展示效果.nav ul li{list-style: none;float:left;}body{background-color: #000000;/*为了更好的看到突出效果,设置背景为黑色*/}$(documen

2017-09-12 21:28:37 1574

原创 jQuery实现仿淘宝下拉菜单

jQuery实现仿淘宝下拉菜单首先分析下拉菜单，在淘宝中的商品导航中，将鼠标移入导航栏中显示下拉菜单，当鼠标移除导航栏是隐藏下拉菜单列表；所以很容易联想到使用到jQuery中的事件函数mouseover和mouseout。mouseout事件在鼠标从元素上离开后会触发。mouseover事件会在鼠标移入对象时触发。首先写出HTML代码：仿下拉菜单

2017-09-12 16:34:48 2127

原创什么是jQuery？

jQuery？ jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an

2017-09-11 15:51:06 436

原创 js之我见

什么是js？在百度百科是这样解释的：javaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。js的好处？ 1.简单，JavaScript语言中采用的是弱类型的

2017-09-11 10:51:36 385

原创 HTML之DOM之我见

HTML之DOM之我见 DOM：Document Object Model，文档对象模型，我理解为文档树模型；DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。HTML DOM：一，HTML 的标准对象模型；二，HTML 的标准编程接口；三，W3C 标准。DOM的易用性强，使用的时候，把所有的XML文档信息都存于内存中，并且遍历简单，支持XPath，增强了易

2017-09-07 14:30:48 368

原创 bootstrap之仿淘宝商品列表

bootstrap之仿淘宝商品列表淘宝效果图:

2017-09-06 16:47:40 16396 1

原创 HTML标题前的图标logo

HTML标题前的图标logo 类似标题前的图标logo制作，首先推荐一个可以生成格式为ico的网站，http://www.bitbug.net/可以在线生成图标ico，上传自己想要做成的logo的图片即可在线生成。在之间加入效果图如下：

2017-09-05 16:35:04 949

原创 bootstrap之表单输入框以及图标的使用

bootstrap之表单输入框以及图标的使用输入框效果图：具体代码： bootstrap之表单输入框搜索

2017-09-05 14:41:10 6178

原创 Bootstrap之栅格系统偏移

Bootstrap之栅格系统偏移 Bootstrap之栅格系统偏移：在Bootstrap中可能会使用到offset（偏移），具体语法格式如下： 1 //适合在pc端向右偏移一格 col-xs-1 offset-xs-offset-1">1 //适合在手机端向右偏移一格 <div

2017-09-04 17:47:23 7696

原创 HTML调用百度地图API

HTML调用百度地图API 百度地图API自定义地图 html,body{margin:0;padding:0;} .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:

2017-08-30 16:41:06 2814

原创 bootstrap之栅格系统

bootstrap之栅格系统 Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局。相应的设备屏幕使用相应的类前缀，例如想要使用在电脑屏幕显示器上显示栅格系统，这里使用前缀为中等屏幕桌面显示器为例；

2017-08-30 16:12:59 829

原创 json和对象字面量的区别之一

json和对象字面量的区别之一 json：JavaScript Object Notation JavaScript 对象标记语言在JavaScript 中，把所有的一切都看做对象。因此，任何支持的类型都可以通过 json 来表示，例如字符串、数字、对象、数组等。但是对象和数组是比较特殊且常用的两种类型：1.对象表示为键值对2.

2017-08-30 00:06:34 1025

原创 bootstrap环境搭建两种方法之一

bootstrap环境搭建两种方法之一第一种方法直接打开http://v3.bootcss.com/getting-started/#download网站在Bootstrap 文档下面就直接有环境源码，直接拷贝环境源码到自己项目中使用即可！（ps：这种方法只能在联网的情况下使用）

2017-08-29 23:43:37 1409

原创 HTML调用QQ临时会话

HTML调用QQ临时会话HTML调用QQ临时会话，在网页中许多客户需要及时咨询网页上的内容，怎样做到及时回复，今天分享调用QQ临时会话在网页上与客户及时交流。打开http://shang.qq.com网页设置要在网页上交流的QQ，同意通过已申请体验版营销QQ代收WPA会话消息以及启用完全公开（推荐商家，客服等用户使用，代码中显示QQ号码，易于推广），启用之后确定保存返回QQ通讯组件，选择想要在

2017-08-29 22:40:59 1557