Welcome

首页 / 脚本样式 / JavaScript

三种方式实现瀑布流布局

2017-02-15 30
分别使用javascript，jquery，css实现瀑布流布局：第一种方式：使用JavaScript：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>瀑布流布局</title><style>*{padding:0;margin:0;}.clearfix:after,.clearfix:be...

微信小程序模板之分页滑动栏

2017-02-15 22
本文实例为大家分享了微信小程序分页滑动栏的具体代码，供大家参考，具体内容如下功能：1.分页栏与滑动视图绑定 2.点击分页栏自动滑动到对应视图 3.滑动的到视图对应分页栏自动显示选中样式 效果图 上代码 wxml<view class="tapNav"> <view class="{{tabArr.tabCurrentIndex==0?"active":""}}" data-index="0" bindtap="veHandle"&...

Bootstrap轮播图学习使用

2017-02-15 28
本文实例为大家分享了Bootstrap轮播图的具体代码，供大家参考，具体内容如下<！doctype html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, init...

jQuery基于Ajax方式提交表单功能示例

2017-02-15 28
本文实例讲述了jQuery基于Ajax方式提交表单功能。分享给大家供大家参考，具体如下：提交表单一般通过同步的方式提交，提交后页面刷新或跳转到新页面来显示服务器端返回的处理结果。如果表单提交后有另外的操作或业务需求需要还在这个页面上显示或处理，那么页面不能整体刷新，这时第一想到的就是采用ajax的方式提交表单。下面完整的介绍一个表单采用ajax方式提交的流程。一、准备1、页面引入jQuery文件2、页面引入jQuery的表单插件jQuery.form.js...

jQuery移除或禁用html元素点击事件常用方法小结

2017-02-15 24
本文实例讲述了jQuery移除或禁用html元素点击事件常用方法。分享给大家供大家参考，具体如下：移除或禁用html元素的点击事件可以通过css实现也可以通过js或jQuery实现。一、CSS方法.disabled { pointer-events: none; }二、jQuery方法方法一$（this）.click（function （event） {event.preventDefault（）;}方法二$（"a"）.live（"click", func...

详谈Ajax请求中的async:false/true的作用（ajax 在外部调用问题）

2017-02-15 32
test.html<a href="javascript:void（0）" rel="external nofollow" onmouseover="testAsync（）">asy.jsfunction testAsync（）{var temp;$.ajax（{async: false,//同步请求type : "GET",url : "tet.php",complete: function（msg）{alert（"complete"）;},...

使用jquery给新生的th绑定hover事件的实例

2017-02-15 26
这是昨天在做一个动态的table时遇到的一个小问题，table的th需要让鼠标在移入和移出时显示颜色变化，之前th是固定写死的，直接可以用jquery的hover（）方法来实现。现在th需要用js/ajax来动态生成加载到页面，用hover（）也就没效果了（因为要重新给th绑定mouseover和mouseout事件，而且考虑到可能会有多次加载th等情况，bind也要多次绑定，比较麻烦），在这里我使用了live来解决给新生的th绑定hover事件：代码如下...

JS验证不重复验证码

2017-02-15 23
话不多说，请看代码：<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>不重复验证码</title> <style>.cont{width:300px;height:auto;margin:50px auto;}#useId{width:120px;height:45px;line-heig...

jquery hover 不停闪动问题的解决方法（亦为stop（）的使用）

2017-02-15 30
在前端开发中用的较多的是jquery,之前遇到一个问题,一个下拉的jquery下拉菜单效果,hover上去,一直闪动,用mouseovermouseout好好的,当时没搞定,今天逛论坛看到一个方法,可以行.只怪自己之前看jquery api的时候不是很仔细。解决闪动 可以使用Stop（）stop（[clearQueue],[jumpToEnd]）概述停止所有在指定元素上正在运行的动画。如果队列中有等待执行的动画（并且clearQueue没有设为true），...

完美解决jQuery的hover事件在IE中不停闪动的问题

2017-02-15 29
在使用jQuery的hover事件时，经常会因为鼠标滑动过快导致菜单不停闪动的情况，相信很多朋友都遇到过自己做的纵向下拉菜单不停的收缩，非常的讨厌。今天在给一个网站设计菜单时也遇到了这个情况，结果在百度上找了N久，没有找到解决方法。在这里吐槽一下，百度太2了，收录的内容都没什么价值，最后还是在google找到了解决方法，下面就把这个jQuery的hover在IE中会导致不停闪动的解决方法教给大家。$（"#category ul"）.find（"li"）.e...

javascript自执行函数

2017-02-15 22
function （window, $, undefined） { play=function（）{$（"#demo"）.val（"This is a demo."）; } window.wbLogin = play;}）（window, jQuery）;像上边这样的代码为什么要把window, jQuery对象传进去？为什么要传入 jQuery？通过定义一个匿名函数，创建了一个“私有”的命名空间，该命名空间的变量和方法，不会破坏全局的命名空间。这点非常有...

jQuery基于ajax实现页面加载后检查用户登录状态的方法

2017-02-15 26
本文实例讲述了jQuery基于ajax实现页面加载后检查用户登录状态的方法。分享给大家供大家参考，具体如下：拥有会员功能的网站，如果会员已经登录，那么要显示相应的登录状态，而且这种显示的需求是在网站的每个页面都有的（目前国内网站貌似都是这么做的，还没有见过其他形式的状态显示方式），这样，在打开一个新的页面时就要知道这个会员是否已经登录，需要判断登录的状态。1、解决方案。为了能够实现在每一个页面判断会员登录状态的功能，我采用了页面时通过ajax传递参数通过后...

jQuery基于ajax方式实现用户名存在性检查功能示例

2017-02-15 25
本文实例讲述了jQuery基于ajax方式实现用户名存在性检查功能。分享给大家供大家参考，具体如下：对于拥有会员功能的网站，尤其是会员登录后可以留言或评论的网站，一般要求不能有两个或两个以上相同的用户名存在。因此，在用户注册的时就需要对用户名是否已经被注册进行检查防止出现相同的用户名。下面是我实现这种功能的一种解决方案。1、方案原理：利用ajax的异步请求不刷新正在注册的页面向后端发送请求，后端对请求数据进行处理返回用户名是否已经存在的结果。2、方案详情（...

基于JQuery及AJAX实现名人名言随机生成器

2017-02-15 33
这是我刚接触AJAX的时候做的一个小应用，主要功能如下：1.点击按钮可以随机生成一句名人名言及其作者名字，如果没有作者名字，则显示“Unknown”。2.点击按钮可以把名人名言分享到推特或者微博。HTML:<div class="container-fluid text-center"><h1> Random Quote Generator</h1><div class="well quote-area"> ...

BOM之navigator对象和用户代理检测

2017-02-15 27
前面的话navigator对象现在已经成为识别客户端浏览器的事实标准，navigator对象是所有支持javascript的浏览器所共有的。本文将详细介绍navigator对象和用户代理检测属性与其他BOM对象的情况一样，每个浏览器中的navigator对象也都有一套自己的属性。下表列出了存在于所有浏览器中的属性和方法，以及支持它们的浏览器版本属性 说明appCodeName 浏览器名称[所有浏览器都返回Mozilla]userAgent 浏览器的用户代理...

基于jQuery实现弹幕APP

2017-02-15 27
今天闲着无聊，写了个弹幕APP，主要实现以下几个功能：1.点击“弹幕发射”或回车可以输出弹幕到弹幕墙上。2.弹幕的运行轨迹是从弹幕墙的最右边到最左边，Y轴的数值在弹幕墙的高度内随机，颜色HEX随机，速度随机。3.右侧的表格可以储存弹幕内容以及弹幕的发射时间，越靠近现在的越靠前。4.点击“清除弹幕”可以把弹幕墙内的所有弹幕清除掉，但不会影响到表格中的数据。5.如果弹幕长度过长（我设置的是6个字符），则超过规定长度之外的弹幕内容都会由“...”代替，并放入表格...

基于jQuery实现咖啡订单管理简单应用

2017-02-15 31
这款应用主要实现以下几个功能：1.在表格中输入客户姓名并选择咖啡，点击“Add”能够把数据传至table。2.table的每生成一行新数据，其status列都会出现一个小咖啡图标，表示正在制作中。3.点击这个小咖啡图标，可以变成一个绿色的勾勾，表示该订单已经完成。4.点击Export可以把表格数据导出为CSV文件。HTML：<div class="container-fluid"> <h1>Coffee Orders</h1&...

基于jQuery实现简单人工智能聊天室

2017-02-15 23
花了俩小时折腾出来的，jQuery人工智能聊天室长这样：主要功能：1.当然是聊天啦~点击飞机按钮或者回车可以发送消息到面板。2.输入特定的内容，系统会给你相应的回复（这里我只设置了Hello，How are you和询问时间的自动回复）。3.点击叉叉可以清除面板上的所有聊天记录。4.问时间的时候，根据现在的时间，会给你相应的不同的回复，比如现在是22-23点，系统会回复你“good night”。5.随着聊天的进行，聊天面板右侧的滚动条会一直维持在最底部。...

微信小程序 JS动态修改样式的实现代码

2017-02-15 33
微信小程序这个坑啊，js动态修改样式，我们并不能用js或者jq 轻轻松松一行代码搞定。或者用removeClass addClass 来修改样式。以下是一种动态修改样式的方法，原理是绑定数据，然后动态的修改数据，从而实现动态样式的改变而已。感觉有点········那个啥的，怪怪的。不过也没办法了。如果你有更好的方法，可以在评论区分享一下。test.wxml<view style="text-align: center;"> <label ...

TableSort.js表格排序插件使用方法详解

2017-02-15 27
本文实例为大家分享了TableSort.js表格排序的具体代码，供大家参考，具体内容如下<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>TableSort</title> <style type="text/css"> table { border-co...
<< 1 2 3 4 5 6 7 8 9 10 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图