随笔分类 -  jquery

上一页 1 2
jQuery: 图片不完全按比例自动缩小
摘要：有时我们会有这样的需求：让图片显示在固定大小的区域。如果不考虑 IE6 完全可以使用 css 的 max-width 限制宽度自动按比例缩小显示，但是这样有个问题，就是如果按比例缩小后，图片高度不够，那么就很难看了。举例来说第一种情况：如图片大小为 600×350，显示区域大小为 200×140，如果图片根据目标宽度（200）按比例缩放后大小变成 116，那么显示在 200×140 就会很难看。如下图左第二种情况：刚好相反，如图片大小为400×400，显示区域同样是200×140，如果图片根据目标高度（140）按比例缩放后大小变成 140，即 阅读全文
posted @ 2013-10-31 18:03 江哥哥 阅读(418) 评论(0) 推荐(0)
iframe 父窗口和子窗口相互的调用方法集锦
摘要：一、父窗口调用iframe子窗口方法1、HTML语法：2、父窗口调用子窗口：myFrame.window.functionName();3、子窗品调用父窗口：parent.functionName();简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行4、父窗口页面源码：5、子窗口页面：二、iframe 父窗口和子窗口相互的调用方法1、IE中使用方法：父窗口调用子窗口：iframe_ID.iframe_document_object.object_attribute = attribute_value 例子：onClick="iframe_text.myH1.inne 阅读全文
posted @ 2013-09-26 15:44 江哥哥 阅读(386) 评论(0) 推荐(0)
document.compatMode
摘要：对于document.compatMode，很多朋友可能都根我一样很少接触，知道他的存在却不清楚他的用途。今天在ext中看到 document.compatMode的使用，感觉这个对于我们开发兼容性的web页面还是很有帮助，我们都知道，IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样，但在Quirks Mode模式下则有很大差别，而在不声明Doctype的情况下，IE默认又是Quirks Mode。所以为兼容性考虑，我们可能需要获取当前的文档渲染方式。document.compat 阅读全文
posted @ 2013-09-24 18:14 江哥哥 阅读(188) 评论(0) 推荐(0)
$.browser.msie
摘要：$.browser.msie $.IE浏览器IEInternet Explorer，简称IE或MSIE，是微软公司推出的一款网页浏览器~ 阅读全文
posted @ 2013-09-24 17:59 江哥哥 阅读(148) 评论(0) 推荐(0)
在做百度地图开发
摘要：看到同事坐了一个百度API的平车功能,看似很难,其实我觉的 都是用百度地图API上写好的API上的函数 ,没多大难度首先要在自己的 博客上面记一个 API文档的地址http://developer.baidu.com/map/reference/index.php?title=Class:%E6%80%BB%E7%B1%BB/%E6%A0%B8%E5%BF%83%E7%B1%BB在一个记一下 自己写的半成品 和 网上的一些实例代码网址http://developer.baidu.com/map/jshome.htm关键字输入提示词条 请输入: 阅读全文
posted @ 2013-08-26 18:05 江哥哥 阅读(163) 评论(0) 推荐(0)
jQuery的.bind()、.live()和.delegate()之间区别1
摘要：基本要素51CTO推荐专题：jQuery从入门到精通DOM树首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：事件冒泡(又称事件传播)当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。$('a').bind('click',function(){alert("Thattickles!")});因此一个单击操作会触发alert函数的执行。click事件接着会向树的根方向传播，广播到父元素，然后接着是每个祖先元素，只要是它的某个后代元素上的单 阅读全文
posted @ 2013-07-30 20:51 江哥哥 阅读(152) 评论(0) 推荐(0)
jQuery的.bind()、.live()和.delegate()之间区别
摘要：基本要素51CTO推荐专题：jQuery从入门到精通DOM树首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：事件冒泡(又称事件传播)当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。$('a').bind('click',function(){alert("Thattickles!")});因此一个单击操作会触发alert函数的执行。click事件接着会向树的根方向传播，广播到父元素，然后接着是每个祖先元素，只要是它的某个后代元素上的单 阅读全文
posted @ 2013-07-30 20:50 江哥哥 阅读(159) 评论(0) 推荐(0)
jquery 实现倒计时 在处理JS 样式的效果
摘要：var Time=5;定义定时器的idvar listenid;var curCount=Time;InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次//向后台发送处理数据function SetRemainTime(){if (curCount == 0) { window.clearInterval(InterValObj);//停止计时器// $("#J_Email").removeAttr("disabled");//启用按钮document.getEleme 阅读全文
posted @ 2013-06-14 13:32 江哥哥 阅读(309) 评论(0) 推荐(0)
纯JS 如何给浏览器加cookie 获取COOKIE 删除COOKIE
摘要：<!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"><head><title></title><script src="jquery-1.6.4.min.js" type=&qu 阅读全文
posted @ 2013-06-14 13:31 江哥哥 阅读(571) 评论(0) 推荐(0)
jquery 自动运行JS 和如何点击标签运行js 及淡入,淡出效果时 如何附加JS函数
摘要：$(document).ready(function(){ $(".button").click(function(){ $(".slider_image").fadeOut(1000,function(){ $(".slider_image").css("background-image","url("+image[n]+")");$(".slider_image").fadeIn(); }); });}); 阅读全文
posted @ 2013-06-14 13:29 江哥哥 阅读(229) 评论(0) 推荐(0)
省市级的三级联动
摘要：数据库是在网上找的 原作者用的 原始javascript ，我用jquery做的。代码少，兼容性好。 贴出来方便以后自己翻看。由于自己用的是appserv 所以也没弄PHP与HTML 的代码分离 2个页面都是PHP 页面第一个前台显示页面叫test.php ajax+PHP处理页面叫data.phptest.php 1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4 <!------ 阅读全文
posted @ 2013-04-13 00:30 江哥哥 阅读(448) 评论(0) 推荐(0)
(function($) {
摘要：(function($) {这是JQuery的语法，$表示JQuery对象，可以有好几种用法。比如传递选择器字符串、页面对象等，如果直接传函数体进去，表示当页面加载完毕时执行这个函数，就是你所问的用法。 阅读全文
posted @ 2013-04-03 11:23 江哥哥 阅读(200) 评论(0) 推荐(0)
【转】Jquery小点滴 - 获取元素
摘要：例子代码获取select option 选中的text值：1、document.getElementById("id").options[document.getElementById("lnkId").selectedIndex].text2、$("#id>option:selected").get(0).text;===================================<style> .red{ color:#ff0000; } .blue{ color:#0000ff; }</style&g 阅读全文
posted @ 2013-03-29 00:05 江哥哥 阅读(198) 评论(0) 推荐(0)
$(document).ready(function()
摘要：页面加载完成后开始运行do stuff when DOM is ready　中的语句! $(document).ready(function() { // do stuff when DOM is ready }); 选择器 $(“a”)是一个jquery的选择器（selector） $("")其中的字段就是元素的标记。比如$("div")就是<div></div> click是函数对象的一个方法。方法为点击鼠标事件！ 例：$(document).ready(function() { $("a").click( 阅读全文
posted @ 2013-03-28 23:17 江哥哥 阅读(177) 评论(0) 推荐(0)
Jquery使用----控制Div动画显示、隐藏
摘要：一共有四种基础的显示方式有最普通的弹出式，有下拉式和渐进渐出式等直接上代码：<html><head> <title>Jquery-Div动画显示</title> <script src="jquery-1.3.2.min.js" type="text/javascript"></script><style type="text/css">body{font-family:"宋体";font-size:13px;color:#4159 阅读全文
posted @ 2012-07-12 13:43 江哥哥 阅读(3388) 评论(0) 推荐(0)
jQuery中的end()
摘要：本文是关于jQuery中的end() 方法的介绍。最近在学习jQuery方面的知识，学习中遇到一定的困难，一些知识不得不查看官方的文档，在用到end()方法时，被一个小例子搞得有点晕。在官方的API上是这样描述end()方法的：“回到最近的一个"破坏性"操作之前。即，将匹配的元素列表变为前一次的状态。”；首先要知道此处的"破坏性"指的是所选择的元素集合发生的变化。看样子好像是找到最后一次操作的元素的上一元素，在如下的例子中：html代码：<div>测试内容1</div><div>测试内容2</div>jQu 阅读全文
posted @ 2012-06-15 11:58 江哥哥 阅读(171) 评论(0) 推荐(0)
$(document).ready(function())
摘要：页面加载完成后开始运行do stuff when DOM is ready　中的语句! $(document).ready(function() {// do stuff when DOM is ready}); 选择器 $(“a”)是一个jquery的选择器（selector） $("")其中的字段就是元素的标记。比如$("div")就是<div></div> click是函数对象的一个方法。方法为点击鼠标事件！例：$(document).ready(function() {$("a").click(func 阅读全文
posted @ 2012-06-15 11:30 江哥哥 阅读(305) 评论(0) 推荐(0)

上一页 1 2