javascrip
泡泡菌
一只前端菜鸟的成长史
展开
-
DIV动态/动画切换效果
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="../common/jquery-3.1.1.js" type="text/javascript">script> style> .box{position: relative}原创 2017-09-26 16:12:26 · 4232 阅读 · 0 评论 -
前端窗口聊天效果
HTML:html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scala原创 2017-12-14 20:27:34 · 2660 阅读 · 0 评论 -
点击不同元素显示不同内容
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="../common/jquery-3.1.1.js">script>head>style> .parent{ height: 200px; border: 1px soli原创 2017-11-22 21:25:56 · 1645 阅读 · 1 评论 -
获取url参数
//获取url参数function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.decodeURI(location.search).substr(1).match(reg); if(r!=null)return unescape(原创 2017-11-01 11:48:44 · 321 阅读 · 0 评论 -
制保留2位小数
//制保留2位小数,如:2,会在2后面补上00.即2.00function toDecimal2(x) { var f = parseFloat(x); if (isNaN(f)) { return false; } var f = Math.round(x*100)/100; var s = f.toString(); var r原创 2017-11-01 11:43:24 · 769 阅读 · 0 评论 -
金额小写转大写
function smalltoBIG(n){ var fraction = ['角', '分']; var digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']; var unit = [ ['元', '万', '亿'], ['', '拾', '佰', '仟'] ]; var head = n 0原创 2017-11-01 11:38:39 · 359 阅读 · 0 评论 -
input长度根据输入内容变化
$('input:not(.topinput)').bind('input propertychange', function() { var $this = $(this); console.log($this); var text_length = $this.val().length;//获取当前文本框的长度 var current_width = parse原创 2017-11-01 09:10:45 · 1993 阅读 · 0 评论 -
实时获取input输入的值实例
html>html>head> title>first exampletitle> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> script src="../../js/jquery-2.1.4.js">script>bo原创 2017-10-24 10:18:28 · 2021 阅读 · 0 评论 -
前端url传参中文乱码问题
function getRequest() { var url = window.location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.sub原创 2017-10-27 09:52:12 · 1655 阅读 · 1 评论 -
前台实现分页效果
html>head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>分页title> script src="../common/jquery-3.1.1.js">script> style type="text/css"> .table{bor转载 2017-09-29 11:38:18 · 1403 阅读 · 0 评论 -
左边多级导航切换右边的main
html>html lang="en">head> meta charset="UTF-8"> script src="../common/jquery-3.1.1.js" type="text/javascript">script> title>左边二级导航切换右边的maintitle>head>style> ul, li { list-s原创 2017-09-29 08:44:49 · 566 阅读 · 0 评论 -
8个超实用的jQuery技巧攻略
本文我们将为jQuery用户分享8个超实用的技巧攻略。jQuery是JavaScript最好的库之一,主要用于制作动画、事件处理,支持Ajax及HTML 脚本客户端。此外,jQuery还拥有各种插件,以帮助开发者在最短时间内快速创建网站/网页。 文中分享的这些实用代码,希望你会喜欢。1)禁用右键单击功能 如果你想为用户节省网站信息,那么开发者可以使用这段代码转载 2017-09-11 16:44:50 · 361 阅读 · 0 评论 -
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击这篇文章主要介绍了jQuery禁用键盘后退、屏蔽F5刷新、禁用右键单击功能等快捷方法,感兴趣的小伙伴们可以参考一下本文实例介绍了四种jquery禁用多种功能的方法1、禁用F5刷新jQuery实例代码F5具有刷新网页的功能,可能有时候需要禁用此功能,下面就通过代码实例介绍一下如何实现此功能。代码如下:转载 2017-09-11 17:06:26 · 679 阅读 · 0 评论 -
javascript中的this作用域详解——针对初学者
//#######针对一名初学者对this的指向问题的理解#########//1.全局的函数调用function test(){ this.name="global this" console.log(this.name)}test(); //global thisvar name="global this"function test(){ console.原创 2018-02-02 11:32:13 · 1217 阅读 · 0 评论