Welcome

首页 / 脚本样式 / JavaScript

jquery实现拖动效果（代码分享）

2017-02-06 19
话不多说，请看代码：<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <style type="text/css"> .page{text-align:left;} .dragDiv{border:1px ...

利用Js+Css实现折纸动态导航效果实例源码

2017-02-06 22
先来看看第一种实现方式效果图如下：不再采用ul li的布局方式-webkit-transform-style:preserve-3d只对子元素有作用，所以每个div都加。实例源码<！doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>.wrap{margin:30px auto;...

js实现文字选中分享功能

2017-02-06 28
总结：文字选中IE和其他浏览器不一样在IE中文字选中后鼠标抬起，图片显现触发有点快所以用定时器。<！DOCTYPE html><html><head><meta charset=utf-8 /><title></title><script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery....

JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序

2017-02-06 25
看到网上这个程序 发现了处错误这里改正了一下：function counter（） { var date = new Date（）; var year = date.getFullYear（）; var date2 = new Date（year, 11, 30, 23, 59, 59）; /*转换成秒*/ var time = （date2 - date） / 1000; var day = Math.floor（time / （24 * 60 * 60...

js实现鼠标左右移动，图片也跟着移动效果

2017-02-06 33
效果：鼠标往左移，图片对应右移，鼠标往右移，图片就左移动。图片距离越远偏移距离越大。思路：首先获取图片原先的距离。设置一个变化值，图片的最终距离等于原先的距离加上变化值布局：大盒子里面是图片，大盒子position:relative；图片position:absolute;<！doctype html><html><head><meta charset="utf-8"><title>无标题文档&l...

详解jQuery中ajax.load（）方法

2017-02-06 38
jQuery load（） 方法jQuery load（） 方法是简单但强大的 AJAX 方法。load（） 方法从服务器加载数据，并把返回的数据放入被选元素中。语法:$（selector）.load（URL,data,callback）;load（）函数用于从服务器加载数据，并使用返回的html内容替换当前匹配元素的内容。load（）函数默认使用GET方式，如果提供了对象形式的数据，则自动转为POST方式。因为默认使用的是Get请求方式，所以我们也可以在...

json数据处理及数据绑定

2017-02-06 23
一.json数据处理1.json数据{"img":"quizvault_internet_test_banner@2x.png","golds":"200","praise":"64000","tit":"互联网给工作带来的麻烦","tit_describe":"在朋友圈转发身体被掏空，HR找你深情谈话：不想干就走。看看你有哪些情况？","images":[{"name":"quizvault_internet_test_nor.png"},{"name"...

servlet+jquery实现文件上传进度条示例代码

2017-02-06 23
现在文件的上传，特别是大文件上传，都需要进度条，让客户知道上传进度。本文简单记录下如何弄进度条，以及一些上传信息，比如文件的大小，上传速度，预计剩余时间等一些相关信息。代码是匆忙下简单写的，一些验证没做，或代码存在一些隐患，不严谨的地方。本文代码只供参考。进度条的样式多种多样，有些网站弄得非常绚烂漂亮。本文UI端不太懂，只会一些简单的基本的css而已，所以进度条弄得不好看。本文侧重的给读者提供一个参考，一个实现思路而已。注：由于jQuery版本用的是2.1...

js阻止移动端页面滚动的两种方法

2017-02-06 27
方法一： $（document）.on（"touchmove",function（e）{ e.preventDefault（）; }）方法二：position: fixed;top:0;left: 0;以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！...

基于javascript实现数字英文验证码

2017-02-06 24
本文实例为大家分享了js实现数字英文验证码的具体代码，供大家参考，具体内容如下<html><head><style type="text/css">.code{background-image:url（111.jpg）;font-family:Arial,宋体;font-style:italic;color:green;border:0;padding:2px 3px;letter-spacing:3px;font-we...

基于JavaScript实现自定义滚动条

2017-02-06 25
可直接使用的js滚动条，先看看效果图：代码如下<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义滚动条</title></head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />&...

canvas知识总结

2017-02-06 28
1.基础知识canvas元素绘制图像的时候有两种方法，分别是context.fill（）//填充context.stroke（）//绘制边框style:在进行图形绘制前，要设置好绘图的样式context.fillStyle//填充的样式context.strokeStyle//边框样式context.lineWidth//图形边框宽度context.arc（centerx圆心横左边,centery圆心纵坐标,radius半径,startingAngle起始...

assert（）函数用法总结（推荐）

2017-02-06 27
assert宏的原型定义在<assert.h>中，其作用是如果它的条件返回错误，则终止程序执行，原型定义：#include <assert.h>void assert（ int expression ）; assert的作用是现计算表达式 expression ，如果其值为假（即为0），那么它先向stderr打印一条出错信息，然后通过调用 abort 来终止程序运行。请看下面的程序清单badptr.c：#include <s...

js遮罩效果制作弹出注册界面效果

2017-02-06 24
本文实例为大家分享了js遮罩效果弹出界面的具体代码，供大家参考，具体内容如下<head> <meta charset="UTF-8"> <title>遮罩</title> <style>* { margin: 0; padding: 0;}#shade{ position: fixed; width: 100%; height: 100%; display: none;}.shade-backgr...

微信小程序实现图片自适应（支持多图）

2017-02-06 56
大家都知道微信小程序图片自适应，是一个比较常见的需求，平时我们在WEBView中，只需要设置max-width:100%.在微信里面虽然widthFix也能实现，但有一个缺陷就是图片的宽度值要大于或者等于设定的值，否则就会发生拉伸变形，本文通过另外一种来适应。首先我们来看看图片组件给的一些说明：属性名类型默认值说明srcString图片资源地址modeString"scaleToFill"图片裁剪、缩放的模式binderrorHandleEvent当错误发...

jquery实时获取时间的简单实例

2017-02-06 25
实例如下：$（document）.ready（function（）{function time（）{var date=new Date（）;var h=date.getHours（）;var m=date.getMinutes（）;var s=date.getSeconds（）;$（"div"）.eq（0）.html（h）;$（"div"）.eq（1）.html（m）;$（"div"）.eq（2）.html（s）;for（var i=0;i<$（"d...

Jquery实时监听input value的实例

2017-02-06 27
实例如下：<！DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body id="lia-body"> <div class="lia-content"> <div class="inputwrapper"&...

jquery 实时监听输入框值变化的完美方法（必看）

2017-02-06 37
只需要同时绑定 oninput 和 onpropertychange 两个事件，但是这并不完美$（".input-form :input"）.bind（"input propertychange", function（）{//获取.input-form下的所有 <input> 元素,并实时监听用户输入//逻辑}）以上代码在因为用的bind，所以当遇到追加的新input标签时，则不能监听了。如下情景：由上图可以看到189和135号码是可以监听的，...

jquery实现input框获取焦点的简单实例

2017-02-06 38
获取表单焦点变色的简单实例//.login-form表单样式类//.item input输入框父div// focus是要添加的样式类$（".login-form"）.on（"focus", "input", function（）{$（this）.closest（".item"）.addClass（"focus"）;}）.on（"blur","input",function（）{$（this）.closest（".item"）.removeClass（"f...

js监听input输入框值的实时变化实例

2017-02-06 31
1、在元素上同时绑定 oninput 和onporpertychanger事件例：<script type="text/JavaScript">function aa（e）{alert（"inputting！！"）;}</script><input type="text" id="a" oninput="aa（event）" onporpertychange="aa（event）" />2、使用原生js添加监听事件<...
<< 11 12 13 14 15 16 17 18 19 20 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图