Welcome

首页 / 脚本样式 / JavaScript

bootstrap手风琴制作方法详解

2017-02-06 23
手风琴（Collapse）效果展示Bootstrap 框架中 Collapse插件（折叠）其实就是我们常见的手风琴效果。点击标题，可以让其对应的内容显示或隐藏<div class="panel-group" id="accordion"> <div class="panel panel-default"><div class="panel-heading"> <h4 class="panel-title">&...

微信小程序开发经验总结（推荐）

2017-02-06 23
一: 参数传值的方法1: data-id我们可以给HTML元素添加data-*属性来传递我们需要的值,使用方法说明: （1）设置data-id<view class="block" bindtap="playTap" data-id="{{modle.id}}">（2）: 取值 + 传值playTap:function（e） {const dataset = e.currentTarget.dataset;wx.navigateTo（{ url...

微信小程序 高德地图SDK详解及简单实例（源码下载）

2017-02-06 22
微信小程序 高德地图SDK：简介微信小程序 SDK 帮您在微信小程序中获取高德丰富的地址描述、POI和实时天气数据。功能介绍账号与Key的申请注册成为高德开发者需要分三步：第一步，注册高德开发者；第二步，去控制台创建应用；第三步，获取Key。1注册高德开发者2创建应用3获取API key获取API Key入门指南最后更新时间: 2017年1月9日本指南是使用微信小程序SDK的快速入门指南。第 1 步：下载并安装微信小程序开发工具按照微信小程序开发文档下载并...

原生js实现放大镜效果

2017-02-06 28
话不多说，请看代码<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>放大镜-原生js封装</title> <link rel="shortcut icon" href="../public/image/favicon.ico" type="images/x-icon"/> <link...

Bootstrap 填充Json数据的实例代码

2017-02-06 22
本文介绍Bootstrap 填充Json数据，具体如下：一、如图： 二、html代码：<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><div class="content"><div class="table-responsive"> <div class="container-fluid"...

原生js实现无缝轮播图效果

2017-02-06 25
话不多说，请看代码<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>无缝轮播图-原生js封装</title> <link rel="shortcut icon" href="../public/image/favicon.ico" type="images/x-icon"/> <li...

bootstrap 表单验证使用方法

2017-02-06 36
前言：做Web开发的我们，表单验证是再常见不过的需求了。友好的错误提示能增加用户体验。博主搜索bootstrap表单验证，搜到的结果大部分都是文中的主题：bootstrapvalidator。今天就来看看它如何使用吧。一、源码及API地址介绍它之前，还是给出它的源码以及API的地址吧。bootstrapvalidator源码：https://github.com/nghuuphuoc/bootstrapvalidatorboostrapvalidator ...

vuejs父子组件通信的问题

2017-02-06 20
父子组件之间可以通过props进行通信：组件的定义：1.创建component类：var Profile = Vue.extend（{template: "<div>Lily</div>"; }） 2.注册一个tagnme:Vue.component（"me-profile",Profile）;//全局注册局部注册：var vm = new Vue（{ el: "#todo", components: {"my-profile": ...

详解能在多种前端框架下使用的表格控件

2017-02-06 25
近几年Web前端框架特别流行，比如AngularJS、AngularJS 2、ReactJS、KnockoutJS、VueJS等。表格控件是我们在开发中经常要用到的控件。有没有能够在多种前端控件下都能使用的表格控件？最近研究发现Wijmo中的FlexGrid是一款不错的表格控件，它能支持很多主流的框架。这里主要介绍在纯JavaScript和AngularJS下FlexGrid的使用。一、在纯JavaScript下使用FlexGridHTML文件：<！...

原生js实现焦点轮播图效果

2017-02-06 24
原生js焦点轮播图主要注意这几点：1、前后按钮实现切换，同时注意辅助图2、中间的button随着前后按钮对应切换，同时按button也能跳转到相应的index3、间隔调用与无限轮播。4、注意在动画时要停止按钮，或者说上一个动画完毕下一个动画才能执行5、另外在切换图片的时候，底部的Button动画效果，是从底部开始往上升的，要用到transform:scale（）和transform-origin:0 100%两个转换属性，代码如下<！DOCTYPE ...

JS百度地图搜索悬浮窗功能

2017-02-06 26
这个需求的效果类似下面的截图，主要还是利用百度地图中自定义控件的功能，挺简单的。文档地址在这 http://lbsyun.baidu.com/index.php?title=jspopular效果图：代码<！DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> &l...

JS实现京东首页之页面顶部、Logo和搜索框功能

2017-02-06 26
昨天我们主要讲了京东首页的基本布局，今天我们主要来逐步实现京东首页的页面顶部、Logo&搜索框。首先我们来看下我们今天将要实现的效果：下面页面布局详细分析：1、页面头部分三个部分依次实现：五角星图、收藏京东、右边文字部分（用列表实现）；其中当鼠标停放在手机京东上，手机背景图发生变化，变成红色带jd的图案；当鼠标悬停在客服服务上，出现下拉列表。2、Logo&搜索框分四个部分实现：左边京东Logo、中间搜索框（上部：快速搜索；下部：热门搜索）、右部我的京东&...

js仿京东轮播效果 选项卡套选项卡使用

2017-02-06 22
本文实例为大家分享了js仿京东轮播效果的具体代码，实现选项卡套用选项卡，供大家参考，具体内容如下效果图：代码：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>*{margin:0;padding:0;}ul{list-s...

jQuery实现倒计时重新发送短信验证码功能示例

2017-02-06 19
本文实例讲述了jQuery实现倒计时重新发送短信验证码功能的方法。分享给大家供大家参考，具体如下：<！DOCTYPE html><html><head><script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script><script type="text/javascript">var countdown=...

jQuery实现拖拽可编辑模块功能代码

2017-02-06 25
在没给大家分享实现代码之前，先给大家展示下效果图：具体实现代码如下所示：index.html<！DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>iNettuts - Welcome！</title><link href="ine...

原生js实现淘宝购物车功能

2017-02-06 27
js淘宝购物车功能描述：1、点击“+”，单个商品数量加1，总数量加1；单个商品价格添加，总价也添加。2.点击“-”，单个商品数量减1，总数量减1；单个商品价格减少，总价也减少。当该商品数量为0时，点击依然为0；3.显示出总价，总数量和其中最贵的那个商品的价格。瞄一眼效果图：废话不多说，LU代码<html><head><meta http-equiv="Content-Type" content="text/html; char...

JS图片压缩（pc端和移动端都适用）

2017-02-06 29
最近在做移动端遇到了一个问题就是：手机拍照后，图片过大如果上传到服务器务必会浪费带宽，最重要的是流量啊别慌，好事儿来了，务必就会有人去研究研究图片的压缩：鄙人结合前人的经验，结合自己实战，总结出一个方法供大家参考:/** * 图片压缩，默认同比例压缩 * @param {Object} path * pc端传入的路径可以为相对路径，但是在移动端上必须传入的路径是照相图片储存的绝对路径 * @param {Object} obj * obj 对象 有 wid...

JS 在数组指定位置插入/删除数据的方法

2017-02-06 29
splice（） 方法向/从数组中添加/删除项目，然后返回被删除的项目。语法arrayObject.splice（index,howmany,item1,.....,itemX）参数说明参数描述index必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。howmany必需。要删除的项目数量。如果设置为 0，则不会删除项目。item1, …, itemX可选。向数组添加的新项目。实例添加一个元素var array = [1,2,3,4,6...

原生js实现商品放大镜效果

2017-02-06 26
实现原理大图上的放大镜：小图的显示区域=大图片大小：小图片大小=大图片的offsetLeft：小图片的offsetLeft那么以上的公式中只有大图片的offsetLeft 是未知的，所以大图片的offsetLeft=大图片大小/小图片大小*小图片的offsetLeft代码中有详细注释完整代码注：复制到本地后自行替换图片查看效果<！DOCTYPE html><html lang="en"><head><meta ht...

js仿搜狐视频记录片列表展示效果

2017-02-06 18
本文实例为大家分享了js搜狐视频记录片列表展示效果，供大家参考，具体内容如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>*{margin:0;padding:0;}ul{list-style:none;}#list{...
<< 31 32 33 34 35 36 37 38 39 40 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图