前端开发
kungfu_panda
这个作者很懒,什么都没留下…
展开
-
jquery,当把鼠标 移到某<div/>上时,把鼠标形状 换成自己的一个小图片。
鼠标样式这个东西挺绕的。我总结下我的经验。首先不需要用jquery定义鼠标,css里面就有。语法cursor:url(你自己的路径),auto;url里面是你自己的路径,auto实际上是后面需要跟的标准样式。浏览器会先加载你设定路径的样式,如果没有则加载auto这里你自定义的。auto,default等等都可以。语法很简单,但用起来不简单。1、如果用图片(gif转载 2014-08-07 00:32:21 · 7150 阅读 · 0 评论 -
mouseover VS onmouseover jquery
区别原创 2014-08-07 00:19:46 · 1484 阅读 · 0 评论 -
??jQuery.fn =jQuery.prototype
~原创 2014-08-19 14:14:59 · 861 阅读 · 0 评论 -
经验分享:CSS浮动(float,clear)通俗讲解
很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程。前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家。写在前面的话:由于CSS内容比较多,小菜没有精力从头到尾讲一遍,只能有针对性的讲解。如果读者理解CSS盒子模型,但对于浮动不理解,那么这篇文章可以帮助你。小菜水平有限,本文仅仅是入门教程,不当之处请谅解!本文以d转载 2014-08-20 16:13:01 · 430 阅读 · 0 评论 -
百度地图开发实例demo
http://developer.baidu.com/map/jsdemo.htm#f0_7原创 2014-09-04 18:08:10 · 676 阅读 · 0 评论 -
jquery选定当前元素
$(document).ready(function(){$(".bg").hover(function(){$(this).css({cursor:"url(3dgnwse.cur),auto"})},function(){$(this).css({cursor:"url(),auto"})})})原创 2014-08-07 00:28:00 · 555 阅读 · 0 评论 -
鼠标放div,box-shadow加深;hover实例
table div:hover{ -webkit-box-shadow: 0px 0px 20px #000000; -moz-box-shadow: 0px 0px 20px #000000; -ms-box-shadow: 0px 0px 20px #000000; -o-box-shadow: 0px 0px 20px #000000; bo原创 2014-08-07 00:41:52 · 4038 阅读 · 1 评论 -
CSS选择器:属性选择器+后代选择器+子元素选择器+相邻兄弟选择器+伪类+伪元素
http://www.w3school.com.cn/css/css_selector_attribute.asp原创 2014-08-20 15:05:35 · 4143 阅读 · 0 评论 -
设置默认值;this.defaultValue
<input type="text" name="coursename_add" size="30" class="gray" value="设置的默认值" onfocus="if(this.value==defaultValue){ this.value='';this.className='black'}"转载 2014-08-20 09:41:56 · 3542 阅读 · 0 评论 -
妙用Jquery的val()方法
Jquery的val()方法不仅能够设置元素的值,同时也能获取元素的值。常见的操作是对文本框的操作,比如判断邮箱地址等转载 2014-08-20 10:28:01 · 555 阅读 · 0 评论 -
jQuery设置和获取HTML、文本和值
//<![CDATA[ $(function(){ //获取元素的HTML代码 $("input:eq(0)").click(function(){ alert( $("p").html() ); }); //获取元素的文本 $("input:eq(1)").click(function(){转载 2014-08-20 10:41:51 · 496 阅读 · 0 评论 -
background-position 用法详细介绍
语法: background-position : length || length background-position : position || position length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位 position : top | center | bottom | left | center | right转载 2014-08-20 11:42:02 · 446 阅读 · 0 评论 -
jQuery之换肤与cookie插件
有时候一个网页可以有多个皮肤进行选择,也就是不同的背景,或是一整套新的css,能使整个页面变成另一种风格。这个功能可以用jQuery来实现。外加cookie插件。有了cookie,就可以长时间的保存选择后的背景样式,而不至于每次刷新界面都会转入默认的画面。效果如下图一:转载 2014-08-20 12:14:32 · 580 阅读 · 0 评论 -
Jquery toggle()方法的使用
http://jingyan.baidu.com/article/ed2a5d1f33e1d709f6be1718.html转载 2014-08-08 17:21:32 · 850 阅读 · 0 评论 -
CSS3 Transform 变形(transform)、转换(transition)和动画(animation)
http://www.w3cplus.com/content/css3-transform转载 2014-08-08 17:24:29 · 519 阅读 · 0 评论 -
offset+client+scroll
offset:是基于一个元素来讲,如一个div,一个body原创 2014-08-20 17:31:53 · 478 阅读 · 0 评论 -
css3 gradient
~~原创 2014-08-08 17:25:59 · 384 阅读 · 0 评论 -
CSS中的绝对定位与相对定位
层级关系为:效果图:转载 2014-08-20 11:07:54 · 593 阅读 · 0 评论 -
jquery1.8及以下版本toggle使用
http://www.w3school.com.cn/tiy/t.asp?f=jquery_effect_toggle_function转载 2014-08-08 17:22:20 · 1120 阅读 · 0 评论 -
CSS3 Transition 动画效果
http://www.w3cplus.com/content/css3-transition转载 2014-08-08 17:25:17 · 500 阅读 · 0 评论 -
帕兰映像 前端学习网站
http://paranimage.com/原创 2014-08-11 10:06:11 · 1741 阅读 · 0 评论 -
$("#id").html(代码内容) VS document.getElementById("id").innerHTML="代码内容";
jquery 可以写成: $("#id").html(代码内容),用括号将代码内容括起来javascript原创 2014-09-18 17:43:07 · 964 阅读 · 0 评论 -
深入理解Line-height(转:http://www.maxdesign.com.au/)
参考网站:http://www.zhangxinxu.com/wordpress/2009/11/css%E8%A1%8C%E9%AB%98line-height%E7%9A%84%E4%B8%80%E4%BA%9B%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3%E5%8F%8A%E5%BA%94%E7%94%A8/转载 2014-09-19 10:43:03 · 552 阅读 · 0 评论 -
图片剪裁并上传
http://blog.csdn.net/sq111433/article/details/17562703 http://blog.csdn.net/sq111433/article/details/16872403转载 2014-08-21 15:12:44 · 433 阅读 · 0 评论 -
求职
http://gointernetgo.com/原创 2014-08-22 16:10:41 · 386 阅读 · 0 评论 -
document.getElementById().contentWindow 讲解
document.getElementByid("AAA"),查找页面中id=“AAA”的选项。在页面中frameset将页面分为多个窗口 比如上面两句话,就是说将这个页面分为两个页面,上部分id为AAA的页面,这个页面显示的内容为xxxA.html。下边部分同理为xxxB.html页面内容。document.getElementByid("AAA"),就是查找到页面id为AAA的页转载 2014-08-22 10:39:16 · 17796 阅读 · 0 评论 -
模仿搜索引擎建议下拉框
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> .search { left: 0; position: relative;转载 2014-09-19 21:12:56 · 567 阅读 · 0 评论 -
键盘快捷键
shift+endshift+homectrl+->ctrl+shift+_>原创 2014-08-10 15:17:22 · 397 阅读 · 0 评论 -
梦想天空
梦想天空 学习网站原创 2014-08-11 15:52:00 · 404 阅读 · 0 评论 -
后代选择器与过滤选择器的区别
~原创 2014-08-23 12:16:50 · 464 阅读 · 0 评论 -
JS中encodeURI,escape,encodeURIComponent区别
js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent1、传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。 例如:document.write('http://passport.baidu.com转载 2014-09-19 19:32:26 · 442 阅读 · 0 评论 -
配色方案
~原创 2014-08-12 12:30:52 · 369 阅读 · 0 评论 -
js 模态窗口 关闭刷新父窗口或跳转页面
父窗口 js方法function openwin(id){ var answer=window.showModalDialog("demand.do?method=queryBOM&mdid="+id+"&d="+escape(new Date()),window.self,"dialogWidth:700px;dialogHeight:620px:center:yes");转载 2014-08-24 15:57:15 · 1168 阅读 · 0 评论 -
怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别
在浏览器解析事件的时候,有两种触发方式,一种叫做Bubbling(冒泡),另外一种叫做Capturing(捕获)。由上图可以看出来,冒泡的方式效果就是当一个DOM元素的某事件例如click事件被fire时,依次它的父元素的click事件也被fire(触发),一直传递到最顶层的body元素为止。而捕获的触发方式正好相反,当某个元素的click事件被触发时,先从最顶层的body元素click事件被触发转载 2014-08-24 16:45:00 · 5347 阅读 · 0 评论 -
通过url传递动态文本值
$("#buttoner").click(function () { var values = document.getElementById("content").value; window.location.href="http://www.baidu.com?url="+values; window.location.href="http原创 2014-09-20 11:33:09 · 925 阅读 · 0 评论 -
Js参数值中含有单引号或双引号解决办法
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->function Display(LoginEmail, UserName, ID) { alert(LoginEmail); }1.使用单引号传参:Test1如果其转载 2014-09-20 11:57:32 · 2854 阅读 · 0 评论 -
HTML form 避免(回车)表单自动提交
1、JavaScript提交表单代码 document.forms["myform"].submit(); or document.myform.submit();//myform为表单名转载 2014-09-20 16:39:53 · 3646 阅读 · 0 评论 -
commonJS requireJS
commonJShttp://javascript.ruanyifeng.com/nodejs/commonjs.htmlrequirejshttp://www.requirejs.cn/原创 2014-09-20 17:22:23 · 622 阅读 · 0 评论 -
取消回车自动提交表单
1、如果form里面只有一个input type=text,那么无论有没有submit按钮,在input中回车都会提交表单。如果不想回车提交,需要再加一个input type=text,然后设置display:none.2、如果form里面多于一个input type=text,那么必须有一个submit按钮才可以回车提交表单。按钮可以是input也可以是button,他们应设置t原创 2014-09-20 16:26:58 · 10276 阅读 · 0 评论 -
CSS3 transition实现超酷图片墙动画效果
一、前面的感慨以前也陆陆续续试过CSS3的一些特性,文字投影,多边框等。但都是试试而已,知道有这么回事。今天,见到了一个新玩意,transition,认认真真的试了一下,经过,我懵了,我呆了,我傻了,半天说不出话来,这…这…unbelievable,amazing,太神奇了,太不可思议了,几行简单的CSS,如此炫酷的动画效果,flash都不及的动画效果,我真是难以表达我的心情。我们可以先看一段转载 2014-08-12 14:10:04 · 2212 阅读 · 0 评论