javascript
ITDragon龙
你的背景是我前进的动力,https://github.com/ITDragonBlog
展开
-
javascript快速入门第三章jquery基础知识
js博客写完后,就要开始jquery之旅呢,我相信大家一定会爱上它jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)jQuery已经成为最流行的javascript框架,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。jQuery是免费、开源的,使用MIT许可协议。jQuery原创 2015-11-15 19:44:40 · 4901 阅读 · 0 评论 -
javascript快速入门第二章基础知识(下)
我们继续学习js剩下的基础内容Math对象:常用的有向上取整Math.ceil(x) document.write(Math.ceil(3.3)+""); document.write(Math.ceil(-0.1)+""); document.write(Math.ceil(-9.9)+""); document.write(Mat原创 2015-11-15 15:48:02 · 4359 阅读 · 0 评论 -
javascript快速入门第一章基础知识(上)
javascript的重要性不言而喻,一个友好优秀的网站是离不开js,让我们开启js之旅吧!我会重点讲讲jquery。JavaScript一种直译式脚本语言:是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给原创 2015-11-15 15:10:02 · 4801 阅读 · 0 评论 -
jQuery之$.ajax()方法详解
ajax不管是前端,还是后台都是要学习的知识点,也是必用知识点。ajax是异步更新,只需要进行少量的数据交互便可到达页面的局部刷下。非常棒。以下内容转载http://www.cnblogs.com/tylerdonet/p/3520862.htmljquery中的ajax方法参数总是记不住,这里记录一下。1.url: 要求为String类型的参数,(默认为当前页地址)发转载 2015-11-19 09:18:05 · 15777 阅读 · 3 评论 -
防止重复发送 Ajax 请求
博客内容来至于http://blog.csdn.net/z69183787/article/details/25405489直接用例子:current_request = $.get('/events', { '七夕': '发春' },function(resp) { alert(resp); });if(current_request) {current_request.abor转载 2015-11-24 22:21:28 · 4243 阅读 · 0 评论 -
百度换肤技术
结合右击显示菜单来做的效果图:代码: 百度换肤 *{margin:0;padding:0;} img{border:none;margin:0px 1px 1px 0px;} body{background:url("images/1.jpg") no-repeat;position:relative;原创 2015-12-20 16:39:22 · 5340 阅读 · 2 评论 -
购物车自动结算功能
选中商品后更改商品数量和删除商品,自动计算总价。效果图:代码: 购物车 *{margin: 0;padding: 0} a{text-decoration: none;} ul li{float: left;list-style: none;} #wrapper{max-width: 640px;min-width原创 2015-12-20 16:30:47 · 10428 阅读 · 6 评论 -
编辑内容
点击编辑显示编辑框,确定则保存内容,取消则还原效果图:使用bootstrap,font awesome ,alertfly 或者是 alertflyjs 两个版本。使用alertfly目的是当输入内容为null时友情提示,其提示框不可拖拽,而alertflyjs是可拖拽。使用font awesome目的是用图标代替文字,跟简洁代码:原创 2015-12-20 16:28:07 · 4674 阅读 · 0 评论 -
右击显示菜单
自定义右击菜单,很棒的效果效果图:第一步:做一个菜单第二步:通过js屏蔽浏览器鼠标右击第三步:获取鼠标点击的x,y;与菜单的长宽,浏览器长和宽比较,第四步:定位显示参考下面代码,亲测可用: 右击鼠标 *{margin:0;padding:0;} body{font-原创 2015-12-20 16:24:54 · 6177 阅读 · 0 评论 -
返回顶部
点击返回顶部,简单易学效果图:第一步:将返回按钮fixed到具体位置后隐藏第二步:当浏览器滚动条大于多少像素时显示按钮,小于多少时隐藏第三步:点击滚动代码: 返回顶部 *{margin:0;padding:0;} p{width:300px; height:200px;backgro原创 2015-12-20 16:17:14 · 4897 阅读 · 0 评论 -
轮展图
用bootstrap实现轮展图和用Jquery自定义轮展图两种1.使用bootstrap插件效果图:用一个超简单的方法,那就是用bootstrap的插件,什么?不懂bootstrap?没关系,只要会换图片就可以了。第一步:准备好bootstrap.min.css和bootstrap.min.js(不能是bootstrap.js,因为没有集成其原创 2015-12-20 16:07:42 · 5198 阅读 · 0 评论 -
5秒返回页面
Jquery实战之5秒返回页面倒计时,几秒后跳回首页效果图:第一步:准备两个页面,一个首页index.html,一个错误页面404.html第二步:做一个错误提示信息,注意数字 5 要单独提出来,因为要动态赋值第三步:导入JQuery类库(也可以理解为内裤)第四步:设置JQuery函数作用域$(function(){});和计时器setI原创 2015-12-20 15:22:51 · 7472 阅读 · 2 评论 -
jquery通过数值改变球大小
在业务中遇到一个问题:在页面上显示一个球,且球的大小会应数字的大小而改变。我们都知道 js是可以画圆(用css样式准备一个圆,如果addClass),但这并不是我们想要的。于是笔者脑洞打开:用样式画一个球效果图:看到这里,是不是觉得笔者脑洞很大,用亮光使圆变成球。我也是没办法,被逼无奈才想出如此下策。是不是有那么一点像了。css代码(省略了width , height ,原创 2015-12-28 18:19:10 · 4341 阅读 · 0 评论 -
jquery遍历时长度为空
问题:之前遇到一个问题,遍历li标签获取其内容时,一直提示length = 0。在确定我的函数是最后执行的情况下,我发现导致这个问题的根本原因是li标签是处于display:none的状态,dom树下没这个标签元素,怎么会有长度。没想到也犯了这么低级的错误。考虑到函数执行的优先级和其他的js函数的干扰,决定在页面加载完后使用$(window).load(function(){});原创 2016-01-25 16:09:20 · 4039 阅读 · 0 评论 -
jquery获取单选框复选框下拉框值
jquery获取单选框(radio)复选框(checkbox)下拉框(select)的值,亲测可用。有什么疑问可以留言效果图:html代码: body{ background-image: url(img/bg.jpg); font-family: "微软雅黑"; } ul li{list-style:no原创 2016-02-18 15:40:04 · 6121 阅读 · 0 评论 -
jquery实战训练
JQuery实战训练,1.5秒返回页面,2.鼠标滑过显示内容,3.轮展图,4.返回顶部,5.右击显示菜单,6.内容编辑,7.购物车结算,实时更新。原创 2015-11-15 20:24:12 · 18784 阅读 · 6 评论 -
js获取select标签选中的值
用js获取选中select的值var obj = document.getElementByIdx_x(”testSelect”); //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中文本var value = obj.options[index].value;转载 2015-11-17 21:21:25 · 4467 阅读 · 0 评论