jquery上传头像图片功能完整前端实例

<!doctype html><html><head><meta charset="utf-8"><title>jquery上传头像</title><script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"...

  • 0
  • 0
  • admin
  • 发布于 2020-06-27 12:20
  • 阅读 ( 494 )

input输入框4位一个空格,模拟银行卡号输入

<!doctype html> <html> <head> <meta charset="utf-8"> <title>银行卡四位空格</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquery.mi...

  • 0
  • 0
  • admin
  • 发布于 2020-06-27 12:15
  • 阅读 ( 474 )

JQ鼠标悬停边框围绕动态显示效果

<!doctype html> <html> <head> <meta charset="utf-8"> <title>鼠标悬停边框围绕效果</title> <script src="http://libs.baidu.com/jquery/1.8.3/jque...

  • 0
  • 0
  • admin
  • 发布于 2020-06-27 12:08
  • 阅读 ( 465 )

JS去除字符串中的所有空格

<!doctype html> <html> <head> <meta charset="utf-8"> <title>去除字符串中的所有空格</title> <script src="http://libs.baidu.com/jquery/1.11.3/j...

  • 0
  • 0
  • admin
  • 发布于 2020-06-27 11:58
  • 阅读 ( 450 )

JavaScript获取视频播放结束后状态并执行事件

<!DOCTYPE HTML> <html> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-...

  • 0
  • 0
  • admin
  • 发布于 2020-06-27 11:55
  • 阅读 ( 500 )

JavaScript获取判断浏览器类型

<!doctype html> <html> <head> <meta charset="utf-8"> <title>获取判断浏览器类型</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquer...

  • 0
  • 0
  • admin
  • 发布于 2020-06-27 11:51
  • 阅读 ( 480 )

JS简单的倒计时跳转代码

<!doctype html><html><head><meta charset="utf-8"><title>简单的倒计时--跳转</title><script src="http://libs.baidu.com/jquery/1.11.3/jquery.min...

  • 0
  • 0
  • admin
  • 发布于 2020-06-27 11:45
  • 阅读 ( 482 )

鼠标经过图片hover放大效果完整案例

<!doctype html> <html> <head> <meta charset="utf-8"> <title>鼠标hover放大效果</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquery...

  • 0
  • 0
  • admin
  • 发布于 2020-06-26 21:51
  • 阅读 ( 446 )

导航动画背景跟随鼠标效果

<!doctype html><html><head><meta charset="utf-8"><title>导航滑动跟随效果</title><script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.j...

  • 0
  • 0
  • admin
  • 发布于 2020-06-26 21:39
  • 阅读 ( 470 )

JS悬浮漂浮广告代码案例(一直在屏幕上走)

<!doctype html><html><head><meta charset="utf-8"><title>漂浮广告代码</title><script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"&gt...

  • 0
  • 0
  • admin
  • 发布于 2020-06-26 21:34
  • 阅读 ( 490 )

jQuery监听enter(回车)事件

<!doctype html><html><head><meta charset="utf-8"><title>jQuery监听enter(回车)</title><script src="http://test-wx.ixincheng.com//xcview/js/c...

  • 0
  • 0
  • admin
  • 发布于 2020-06-26 21:30
  • 阅读 ( 490 )

html获取链接上面的参数

$("body").click(function(){//html获取链接上面的参数function getQueryString(name){    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");    var r = window.location.se...

  • 0
  • 0
  • admin
  • 发布于 2020-06-26 21:28
  • 阅读 ( 475 )

控制获取监听安卓手机物理返回键的事件

<script> // 控制手机物理键--返回window.onload = function(){  if(window.history && window.history.pushState) {        $(window).on('popstate', function() {           ...

  • 0
  • 0
  • admin
  • 发布于 2020-06-26 21:26
  • 阅读 ( 473 )

JavaScript 实现文字动态闪烁切换效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <head>  <style>    :root {        font-s...

  • 0
  • 0
  • admin
  • 发布于 2020-06-26 21:14
  • 阅读 ( 448 )

移动端touch事件案例详解

<!doctype html><html lang="en"><head>    <meta charset="UTF-8">    <title>移动端touch事件</title>    <style>        #div{            width...

  • 0
  • 0
  • admin
  • 发布于 2020-06-26 17:04
  • 阅读 ( 476 )

向下滑动时出现返回顶部按钮并点击返回顶部的完整案例

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>手机移动端返回顶部js代码</title> <...

  • 0
  • 0
  • admin
  • 发布于 2020-06-26 16:49
  • 阅读 ( 479 )

JavaScript 判断滚动条是否滚动到最底部

<!DOCTYPE html><head><meta charset="utf-8"><meta name="renderer" content="webkit"><title>js判断滚动条是否到底部</title><style>    .bottom{...

  • 0
  • 0
  • admin
  • 发布于 2020-06-26 16:42
  • 阅读 ( 491 )

判断手机是竖屏还是横屏状态

<script>    // 判断横屏展示时的状态    window.onorientatiοnchange=function(){        if(window.orientation==90||window.orientation==-90){            window.location.reload();...

  • 0
  • 0
  • admin
  • 发布于 2020-06-26 16:38
  • 阅读 ( 509 )

CSS改变input输入框闪烁光标的颜色

第一种 <!doctype html><html lang="en"><head><meta charset="UTF-8"><title>改变输入框光标颜色</title><style>input {    color: #333;    care...

  • 0
  • 0
  • admin
  • 发布于 2020-06-26 14:37
  • 阅读 ( 479 )

全屏描点切换效果,可点击,可滚动

<!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/1999/xhtml"> &lt...

  • 0
  • 0
  • admin
  • 发布于 2020-06-25 23:42
  • 阅读 ( 491 )