
AJAX/jQuery/Javascript
文章平均质量分 71
china_skag
这个作者很懒,什么都没留下…
展开
-
asp判断客户访问用得是那个域名 然后转到对应的目录
判断客户访问用得是那个域名 然后转到对应的目录 asp版: 发表多个绑定多域名的ASP代码 如果有有一个ASP空间,而你又想放置多个多个站点,这些代码可以帮到你 Exampale 1:<%if Request.ServerVariables("SERVER_NAME")="www.baidu.com" then response.redirect "baidu" else resp...转载 2018-06-09 13:19:14 · 1464 阅读 · 0 评论 -
JQuery Ajax Post实例
function test() { $.ajax({ //提交数据的类型 POST GET type: "POST", //提交的网址 url: "testLogin.aspx", //提交的数据 data: { Na原创 2014-08-22 17:27:43 · 827 阅读 · 0 评论 -
ajax post中文乱码解决[ASP篇]
js代码:$.ajax({ url:"getResult.asp", type:"POST", data:"bgh="+bgh, success: function(msg){ $(".conter").html(msg); $('.thes-popover-mask').show(); $('.thes-popover-mask').height原创 2014-08-07 18:46:47 · 3178 阅读 · 1 评论 -
倒计时(剩余时间xx天xx小时xx分钟xx秒)
倒计时剩余时间:602548var CID = "endtime";if(window.CID != null){ var iTime = document.getElementById(CID).innerHTML; var Account; RemainTime();}function RemainTime(){var iDay,iHour,iMi原创 2014-08-05 18:03:26 · 2078 阅读 · 0 评论 -
一个Ajax类库及使用方法
ajax.jsfunction Ajax(recvType){ var aj=new Object(); aj.recvType=recvType ? recvType.toUpperCase() : 'HTML' //HTML XML aj.targetUrl=''; aj.sendString=''; aj.resultHandle=null; aj.createXMLHttp原创 2014-07-08 18:16:02 · 1102 阅读 · 0 评论 -
视差滚动原理及实现
作为一种优雅酷炫的页面展示的方式,视差滚动(Parallax Scrolling)正受到越来越多前端设计师的宠爱,优设的2014年网页设计趋势中依然能够看到它的影子,所以我们不得不来好好研究下视差滚动的原理和实现方式。1.视差滚动视差滚动(Parallax Scrolling)指网页滚动过程中,多层次的元素进行不同程度的移动,视觉上形成立体运动效果的网页展示技术。国内外的设计师们实现了很多原创 2014-06-17 18:41:19 · 1183 阅读 · 0 评论 -
滚动条的监听 与内容随着滚动条动态加载
当滚动条滑到底部时自动加载内容 body{ background-color: #808080; } #main{ margin:0 auto; width: 960px; } #content{ pos原创 2014-06-13 18:14:01 · 28857 阅读 · 3 评论 -
视差滚动教程、实现方法、源代码
最近很流行“视差滚动”效果,抛开设计不说,前端上的实现方法很有意思,国内详细的教程不多,所以自己研究别人网站,实践总结。一、例子SmaShingSparkQQ浏览器二、原理传统的网页的文字、图片、背景都是一起按照相同方向相同速度滚动的,偶尔有一些背景固定的网页。顾名思义“视差滚动”就是通过滚动这个行为实现视觉上的层次错落的错觉,从而形成立体的运动效果。原创 2014-06-23 20:05:23 · 1780 阅读 · 0 评论 -
超慢速移动动画使用CSS3实现流畅效果
三角碎片以非常缓慢的速度旋转移动,如果使用JS实现会出现一像素一像素移动的卡顿使用CSS3会获得非常理想的效果transform: translate3d(80px, 150px, 0px) rotate(1220deg);transition: transform 30s linear 0s;上面一个属性表示图像变换translate3d(80px, 150px, 0p原创 2014-06-23 20:26:14 · 2743 阅读 · 0 评论 -
JavaScrip 数组
一维数组的创建创建一维数组的形式有:var arrname=new Array(元素0,元素1,….);var arrname=new Array(length);var arrname=[元素0,元素1,….]; JavaScript可以使用预定义的Array对象及其方法提供对创建任何数据类型的数组的支持。Array对象也就是数组对象,具体对象的产生必须使用new A原创 2014-08-15 20:36:24 · 805 阅读 · 0 评论 -
设置微信分享的标题 缩略图 连接 描述
var imgUrl = 'http://topic.xcar.com.cn/201403/ad_q3/pic/banner.jpg';var lineLink = 'http://topic.xcar.com.cn/201403/ad_q3/index.php';var descContent = "http://topic.xcar.com.cn/201403/ad_q3/index.ph转载 2014-09-27 13:55:54 · 24138 阅读 · 2 评论 -
HTML5 实现橡皮擦的擦除效果
:转载 2014-09-27 15:12:02 · 12701 阅读 · 2 评论 -
js使用JSONP、VAR实现前端跨域
1、什么是跨域获取一个页面的域:document.domain;// qianduanblog.com为了页面和服务器的安全(?),脚本是不能访问非本域的动态网络资源,但可以访问如脚本、样式、图片、视频、音频等这些静态资源。那什么是跨域呢?存在以下情况中之一,即发生跨域:网络协议不同,如http协议访问https协议。端口不同,如80端口访问8080端口。域名不同,如qi转载 2016-08-24 16:20:32 · 1158 阅读 · 0 评论 -
ajax上传文件/图片
说明:传递“照片”使用html5 的FormData()示例:原创 2016-07-14 12:20:56 · 560 阅读 · 0 评论 -
JS解析json数据(如何将json字符串转化为数组)
New Document var t="{'firstName': 'cyra', 'lastName': 'richardson', 'address': { 'streetAddress': '1 Microsoft way', 'city': 'Redmond', 'state': 'WA', 'postalCode': 98052 },'phoneNumbers': [ '原创 2016-01-11 19:46:20 · 4111 阅读 · 0 评论 -
手机浏览器javascript事件及css总结
1. viewport:也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个:width - // viewport 的宽度 (范围从200 到10,0原创 2016-01-18 12:31:30 · 2269 阅读 · 0 评论 -
jQuery选择器总结
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css的原创 2015-06-06 12:55:04 · 450 阅读 · 0 评论 -
javascript 控制 table tr display block 显示模式时,只对第一个单元格有效
有一个简单的 table:table > tr > th>编号th> th>类型th> th>详细th> th>创建时间th> th>修改时间th> th>操作th> tr> tr> td>5th> td>TECHth> td>测试内容th> td>2014−01−10 16:56:31th> td>−−th> td>修改 删除th> tr>原创 2015-06-02 16:42:15 · 1801 阅读 · 0 评论 -
解决Ajax跨域问题:Origin xx is not allowed by Access-Control-Allow-Origin.
今天一个Ajax跨域问题,代码如下: title $.ajax({ url:"http://map.yanue.net/gpsApi.php?lat=22.502412986242&lng=113.93832783228", type:'GET', success: funct原创 2015-01-07 15:14:46 · 16590 阅读 · 1 评论 -
onselectstart与onselect—禁止选择或禁止复制
这两个事件看起来很相似,事实上却非常的不同。onselectstart使用js禁止用户选中网页上的内容,IE及Chrome下的方法一样。使用onselectstart,例如 IE: Firefox:,控制css: body { -moz-user-select: none; } onselectstart几乎可以用于所有对象,其触发时间为目标对象被原创 2014-12-01 16:13:03 · 21927 阅读 · 0 评论 -
jQuery 的各种选择器
$(this) 当前元素$("p") 所有元素$("input") 所有input元素$(".intro") 所有 class=“intro” 的元素$("p.intro") 所有 class="intro" 的元素$("#intro") id="intro" 的第一个元素$("ul > li"原创 2014-06-24 19:21:46 · 645 阅读 · 0 评论 -
jQuery实现页面滚动时层智能浮动定位
一、应用展示关于层的智能浮动效果早在几年前我就在国外的一些个人网站的垂直导航上见到了,现在似乎在国内一些商业网站上也屡见此效果,例如淘宝网的搜索结果页的排序水平条,在默认状态下,滚动条跟随页面滚动,如下:随着页面向下滚动,当此水平条接触浏览器的上边缘时,水平条独立出来,不跟随滚动条滚动了,如下图所示:类似的效果在新浪微博上也有:当页面滚动,新动态提示原创 2014-05-22 13:10:53 · 2084 阅读 · 0 评论 -
CSS3元素闪烁效果
@-webkit-keyframes twinkling{ /*透明度由0到1*/ 0%{ opacity:0.1; /*透明度为0*/ } 100%{ opacity:1; /*透明度为1*/ }}@keyframes twinkling{ /*透明度由0到1*/ 0%{ opacity:0.1; /*透明度为0*/ } 100%{ opaci原创 2014-06-23 20:17:28 · 14635 阅读 · 0 评论 -
WebApp与Native App有何区别
今天看的一篇关于html5的Web App与Native App的技术分析,真的很棒分享一下!自Iphone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序,运行在高端的移动终端设备)。开发者们都知道在高端智能手机系统中有两种应用程序:一种是基于本地(操作系统)运行的APP;一种是基于高端机的浏览器运行的WebA原创 2013-12-04 12:38:38 · 1286 阅读 · 0 评论 -
JS去除html标签
var str = "This is test"; str = str.replace(/].*?>/g,""); alert(str);原创 2013-12-02 10:17:07 · 2068 阅读 · 0 评论 -
HTML5-Canvas标签使用实例一
一、什么是Canvas标签?Canvas标签有什么用途?这里过多的概念性解释我就不多写了的,大家完全可以百度、Google一下即可清楚更多。Canvas就是HTML5内新增的一个API标签。 标签定义图形,比如图表和其他图像。 标签只是图形容器,您必须使用脚本来绘制图形。二、如何使用Canvas API来画一个正方形,并加上对角线?1、首先在HTML内设置一个Canvas标原创 2013-12-02 10:33:48 · 931 阅读 · 0 评论 -
div 自动缩放图片大小(根据DIV宽度自动缩放,图片不被剪裁)
无标题文档div { width:600px; height:100px; border:1px solid red; }div img { max-width:60%; width:{ this.style.width=(this.offsetWidth>document.body.clientWidth*6/10)?"60%":"auto"}); o原创 2012-11-22 15:21:53 · 3061 阅读 · 0 评论 -
jQuery插件之-Wookmark瀑布流插件
瀑布流布局效果目前来说还是挺流行的,从网页到手机应用,都能见到瀑布流的身影。相比较手机应用来说,感觉网页上的瀑布流布局效果实现简单很多,因为我们有现成的jQuery插件可以用,只要稍微的引用一下,再写那么一两句调用代码,然后就没我们什么事了,瀑布流就这么呈现出来了。Wookmark这个插件的用法也是相当的简单。先看下效果图:wookmark首先,引入JSHTML代码结构原创 2013-03-14 10:22:20 · 1602 阅读 · 0 评论 -
多选框全选/取消jQuery 简单实现
Javascript代码 function selectAll(checkbox) { $('input[type=checkbox]').attr('checked', $(checkbox).attr('checked')); } Html代码全选 示例 function selectAll(checkbox) {原创 2013-03-14 10:57:36 · 781 阅读 · 0 评论 -
完美实现Javascript关闭窗口不提示关闭对话框的方法
今天在搞支付宝快捷登录的时候,因为需要保留原页面的数据,因此不能使用跳转返回的方式,就尝试采用弹出新窗口的方式,那么最后支付宝验证成功返回后,需要自动关闭新打开的窗口。我们知道直接使用window.close()是会出现关闭提示的,这个用户体验就打折扣了,于是找到了完美关闭的方法,代码如下:// 不提示窗口关闭对话框parent.window.opener = null;paren原创 2013-01-23 15:58:33 · 911 阅读 · 0 评论 -
jQuery中mouseleave和mouseout的区别
很多人在使用jQuery实现鼠标悬停效果时,一般都会用到mouseover和mouseout这对事件。而在实现过程中,可能会出现一些不理想的状况。先看下使用mouseout的效果:使用了mouseout事件↓第一行第二行第三行 jQuery(document).ready(function($) { $("#title").mouseover(funct原创 2013-01-23 16:10:52 · 2048 阅读 · 0 评论 -
Jquery元素追加和删除
介绍 DOM是Document Object Modeule的缩写,一般来说,DOM操作分成3个方面。 1、DOM Core DOM Core并不专属于javascript,任何一种支持DOM的程序设计语言都可以使用它,用途也远不止仅限于网页,也可以用来处理任何一种使用标记语言编写出来的文档,如XML。 例如:document,getElementsByTagNa原创 2014-01-24 13:39:45 · 793 阅读 · 0 评论 -
如何让DIV水平和垂直居中
我们在设计页面的时候,经常要把DIV居中显示,而且是相对页面窗口水平和垂直方向居中显示,如让登录窗口居中显示。我们传统解决的办法是用纯CSS来让DIV居中。在本文中,我将给大家讲述如何用CSS和jQuery两种方法让DIV水平和垂直居中。CSS让DIV水平居中说明,本文中所指的DIV包括HTML页面中所有的元素。让一个DIV水平居中,直接用CSS就可以做到。只要设置了DIV的宽度,然后原创 2014-01-20 23:26:51 · 767 阅读 · 0 评论 -
IE浏览器版本过低iealert提示—Jquery插件
IE浏览器版本过低iealert提示Jquery插件是一款非常实用的功能特效,虽然现在很多网站都已经放弃对IE6的支持,但是也会部分的用户使用的IE6浏览器,在没有友好的提示下用IE6打开网站的话就会看起很乱,用户可能看一次就不想看了,这样会导致公司的一些潜在客户流失,些Jquery插件刚好解决了这个问题......默认情况下是低于IE8浏览器都会弹出提示框,大家想看到效果就用IE6、IE原创 2014-02-24 20:04:30 · 2370 阅读 · 0 评论 -
js根据客户端浏览器类型,判断跳转官网/手机网站
var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone o原创 2014-05-22 18:53:10 · 9215 阅读 · 1 评论 -
jQuery Fancybox插件使用参数详解
今天给大家介绍的jquery图片播放插件叫Fancybox,相比LightBox来说,Fancybox相对庞大点,配置也更丰富一些,相信你会喜欢的。今天给大家介绍的jquery图片播放插件叫Fancybox,相比LightBox来说,Fancybox相对庞大点,配置也更丰富一些,相信你会喜欢的。Fancybox的项目主页地址:http://fancybox.net/原创 2014-04-16 22:39:25 · 35954 阅读 · 0 评论 -
FancyBox使用
FancyBox使用方法:官网:http://fancybox.net/1、首先引入基本JQuery核心库与FancyBox插件库jquery.easing-1.3.pack.js是fancybox中的一些动画效果可选。2、要引入样式文件3、在页面中使用,只要进行一些简单的配置就可以看到效果了$(function() { $("#content原创 2014-04-16 22:42:00 · 2077 阅读 · 0 评论 -
PHP中获取当前页面的完整URL
javascript实现:top.location.href 顶级窗口的地址this.location.href 当前窗口的地址PHP实现#测试网址: http://localhost/blog/testurl.php?id=5//获取域名或主机地址 echo $_SERVER['HTTP_HOST'].""; #localhost//获取网页地址 ec原创 2014-02-25 18:55:01 · 1350 阅读 · 0 评论 -
30款jQuery常用网页焦点图banner图片切换
1、jquery 图片滚动特效制作 slide 图片类似窗帘式图片滚动 查看演示 2、jquery幻灯片插件带滚动条的圆形立体图片旋转滚动 查看演示 3、jQuery图片层叠旋转类似洗牌翻转图片幻灯片 查看演示 4、jQuery iNav插件图片分类导航选项卡切换图片滚动列表原创 2014-02-25 11:20:55 · 36806 阅读 · 0 评论 -
10 个很棒的 jQuery 代码片段
http://www.catswhocode.com/blog/10-awesome-jquery-snippets 1、图片预加载(function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function() {原创 2014-02-24 19:43:22 · 710 阅读 · 0 评论