2016年11月_酷jjs

原创 Jquery提示框效果（确认提示框）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>普通提示框和确认提示框</title> <script src="js/jquery-1.11.1.js"></script> <style type="text/css"> *{margin: 0;padding

2016-11-23 09:49:34 8755

原创 JS判断浏览器，考虑版本

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS判断浏览器，考虑版本</title> </head> <body> <script> function myBrowser(){ var userAgent = navigator.userAge

2016-11-22 15:31:00 444

原创 JS判断浏览器，不考虑版本

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS判断浏览器，不考虑版本</title> </head> <body> <script> function myBrowser(){ var userAgent = navigator.userAg

2016-11-22 15:29:53 357

原创 angular输入框内容复制、剪切、粘贴事件触发

<!doctype html> <html ng-app="myApp1"> <head> <meta charset="UTF-8"> <title>angular</title> <script src="../src/angular.min.js"></script> <script> var m1=angular.module('myApp1'

2016-11-15 10:28:18 4094 1

原创 angular隔行换色效果

<!doctype html> <html ng-app="myApp1"> <head> <meta charset="UTF-8"> <title>angular</title> <script src="../src/angular.min.js"></script> <script> var m1=angular.module('myApp1

2016-11-15 09:18:52 1920 1

原创跨页面锚点跳转效果

页面一：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-1.11.1.js"></script> <style> .nav_box{ height: 40px;} .nav{pa

2016-11-14 17:11:05 2218

原创 a标签锚点定位

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .nav_box{ height: 40px;} .nav{padding:10px 30px;} .nav1{background: red;}

2016-11-14 17:04:05 1262 2

原创 angular表格生成，顺逆排序，搜索

<!doctype html> <html ng-app="myApp1"> <head> <meta charset="UTF-8"> <title>angular表格生成，顺逆排序，搜索</title> <script src="../src/angular.min.js"></script> <script> var m1=angular.modu

2016-11-11 10:53:52 856

原创 jquery根据数据显示不同背景图效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <script src="js/jquery-1.11.1.js"></script> <style type="text/css"> *{margin:0;padding: 0;} li{list-style: n

2016-11-10 16:34:08 2247

原创 jquery表格动态添加及各行变色效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格动态添加及各行变色效果</title> <script src="js/jquery-1.11.1.js"></script> <style type="text/css"> *{padding: 0;marg

2016-11-10 16:21:53 1657

原创 jquery弹窗（系统提示框）效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="js/jquery-1.11.1.js"></script> <title>弹窗效果</title> <style> *{ margin: 0;padding: 0;list-style: none}

2016-11-10 16:12:29 4899

原创 jquery模拟select下拉框

<!DOCTYPE html> <html lang="en"> <head> <title>jquery模拟SELECT框</title> <meta charset="utf-8"> <style> body{padding:0;margin:0;font-size:12px;} ul,li{list-style:none;padding:

2016-11-10 15:58:22 641

原创文档上传，路径，文件名获取

“` Title 路径显示…文件名显示… var file = document.getElementById("file1"); var fileName = document.getElementById("fileName"); function handleFile(){ fileNa

2016-11-10 11:37:00 461

一只程序媛