◆◆

JAVA、PHP、前端、APP、网站开发 - 开发技术学习

文档归类：前端设计

js兼容获取浏览器的高度2014-02-14

js兼容获取浏览器的高度、js兼容获取浏览器的宽度//获取窗口宽度 var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;//获取窗口高度 var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;...

世上尽有如此美文，快快阅读之 »

此文被围观4169次 分类: 前端设计 标签:  ····

js获取时间戳2014-02-14

js获取时间戳  new Date().getTime()...

这文章不得了，一定要看完 »

此文被围观4660次 分类: 前端设计 标签:  ···

js attachEvent,javascript中window.attachevent()和document.attachevent()这两种方法绑定区别2014-02-01

element.attachevent 是指针对什么对象绑定 window一般绑定 onload对象 document可以绑定很多 一般元素的事件都可以绑定  鼠标 键盘事件都可以   该方法只针对ie   w3c是用addEventListener 进行绑定的！js attachEvent,javascript中window.attachevent()和document.attachevent()这两种方法绑定区别...

持之以恒，坚持读完»

此文被围观5356次 分类: 前端设计 标签:  ····

jquery鼠标放上更改背景色2014-02-01

$(".app a").bind({                         mouseenter:function(){                                 $(this).children("img").animate({filter:'alpha(opacity=50)',opacity:'0.5'});                               &...

抓住机会，赶紧看完»

此文被围观3157次 分类: 前端设计 标签:  ···

Js加载JQuery2014-02-01

先判断jq是否被加载if (typeof window.jQuery == “undefined”) {//未引用Jquery} else {//引用了Jquery}再加载jqif (typeof window.jQuery == ‘undefined’) {var fileref = document.createElement(‘script’);        //创建标签fileref.setAttribute(“type”, “text/javascript”);           //定义属性type的值为text/javascriptfileref.setAttribute(“src”, “/js/jq.js”);                   //文件的地址    if (typeof fileref != “undefined”) {document.getElementsByTagName(“head”)[0].appendChild(fileref);}}也可以加载cssvar fileref = document.createElem...

这文章不得了，一定要看完 »

此文被围观3486次 分类: 前端设计 标签:  ····

js获取select标签选中的值2014-01-17

js获取select标签选中的值var obj = document.getElementByIdx_x(”testSelect”); //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中文本var value = obj.options[index].value; // 选中值 jQuery中获得选中select值第一种方式$(‘#testSelect option:selected’).text();//选中的文本$(‘#testSelect option:selected’) .val();//选中的值$(“#testSelect “).get(0).selectedIndex;//索引 第二种方式$(“#tesetSelect”).find(“option:selected”).text();//选中的文本…….val();…….get(0).selectedIndex;...

抓住机会，赶紧看完»

此文被围观3997次 分类: 前端设计 标签:  ··

js弹框纯CSS打造，适合手机网页的提示2014-01-17

js弹框纯CSS打造，适合手机网页的提示/** * Created by adophper.com on 13-12-27. * tips(msg); */ //便捷方法 var _CalF = { $ : function(id){return document.getElementById(id)}, create : function(id){return document.createElement(id)}, append : function(id){return document.body.appendChild(id)}, remove : function(id){return document.body.removeChild(id)} } //弹框 function tips(msg){ var popDiv = _CalF.create(“div”); popDiv.id = “popDiv”; popDiv.style.cssText = “width:100%;height:100%;position:absolute;left:0;top:0;filter:alpha(opacity=50);o...

世上尽有如此美文，快快阅读之 »

此文被围观4721次 分类: 前端设计 标签:  ···

jquery实现回车键提交表单2014-01-17

键盘事件有3：keydown，keypress，keyup，分别是按下，按着没上抬，上抬键盘 。正确代码为：$(document).keyup(function(event){   if(event.keyCode ==13){     $("#submit").trigger("click");   } });推荐：keyup，防止笔记本键盘不小心触摸到了1.有些文档中有写成这样：$(window).keydown（function(){ ... }）XP系统IE6下是不成功的。2.还有INPUT的$("input").keydown（function(){ ... }）这种情况要在input获取焦点时候，才能监听到键盘事件。//////////////////////////////////////////////////////////////////document.onkeydown=function(event){e = event ? event window.event ? window.event : null);if(e.keyCode==13){//执行的方法alert(‘回车检测到了’);}}document.onkeydown=function(event){e = event ? event window.event ? window.even...

从来不放弃这样的美文»

此文被围观4204次 分类: 前端设计 标签:  ····

js原生淡入淡出效果2014-01-17

地址：http://mrthink.net/demo/ijs20110127.htm window.onload = function(){ //底层共用 var iBase = { Id: function(name){ return document.getElementById(name); }, //设置元素透明度,透明度值按IE规则计,即0~100 SetOpacity: function(ev, v){ ev.filters ? ev.style.filter = 'alpha(opacity=' + v + ')' : ev.style.opacity = v / 100; } } //淡入效果(含淡入到指定透明度) function fadeIn(elem, speed, opacity){ /* * 参数说明 * elem==>需要淡入的元素 * speed==>淡入速度,正整数(可选) * opacity==>淡入到指定的透明度,0~100(可选) */ ...

博主太强大了，膜拜去»

此文被围观3024次 分类: 前端设计 标签:  ····

css把背景图片拉伸至100%2014-01-17

css把背景图片拉伸至100%，背景100% <style type="text/css"> div{ width:100%; height: 500px; background-image:url('2.png'); background-size:cover; filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( sizingMethod='scale' , src='2.png') } </style> <body> <div></div> </body> 使用滤镜，其中 sizingMethod="scale" 就是拉伸。 ...

持之以恒，坚持读完»

此文被围观4642次 分类: 前端设计 标签:  ····

固定网页宽度让手机自适应2014-01-17

固定网页宽度让手机自适应，这里不在iphone4下不能自适应  <meta name='viewport' content='width=640px, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no,target-densitydpi=device-dpi'> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name='format-detection' content='telephone=no'> 请注意：target-densitydpi=device-dpi http://www.iinterest.net/2011/05/02/about-viewport/ http://www.cnblogs.com/bugs/p/3139811.html http://blog.csdn.net/noel0307/article/details/8281731 ...

世上尽有如此美文，快快阅读之 »

此文被围观4228次 分类: 前端设计 标签:  ···

jquery.fancybox插件点击放大图片2014-01-17

官网： http://fancybox.net/ fancybox是一款jQuery插件，这个插件能让你在各种浏览器上部署图片浏览的效果。 基于jQuery的插件，兼容性都比较强。可以兼容firefox，ie等浏览器。 当你需要实现点击图片，就能将图片放大来查看。就像QQ，校内，新浪，淘宝一些图片浏览模式一样。 fancybox还提供多种弹出的样式，让你可以选择，找出你最需要的效果，满足不同的设计和需求。 Fancybox的特点如下： （1）可以支持图片、html文本、flash动画、iframe以及ajax的支持 （2）可以自定义播放器的CSS样式 （3）可以以组的形式进行播放 （4）如果将鼠标滚动插件（mouse wheel plugin）包含进来的话Fancybox还能支持鼠标滚轮滚动来翻阅图片 （5）Fancybox播放器支持投影，更有立体的感觉 Fancybox使用方法： 1、引入jquery核心库和Fancybox插件库 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript" src="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.pack.js...

此文只应天上有，仰望去»

此文被围观3551次 分类: 前端设计 标签:  ·····

css自定义字体2014-01-17

css自定义字体 @font-face {      font-family: 'msyh';      src: '/font/msyh.ttf' } body {font-family: msyh,Arial} css自定义字体 ...

世上尽有如此美文，快快阅读之 »

此文被围观3749次 分类: 前端设计 标签:  ····

js 函数默认参数值2014-01-17

默认值应该是 undefined 在函数内预设数可以用 arguments[i] i就是你参数的位置 第一个为0 所以要设定 flag 的默认值 则可以这么写 function func(string1,url,flag,icon){ if(!arguments[2]) flag = "123"; if(!arguments[3]) icon = "456"; } js 函数默认参数值 ...

抓住机会，赶紧看完»

此文被围观3598次 分类: 前端设计 标签:  ···

jquery获取url参数2014-01-17

jquery获取url参数 (function($){ var deparam=function(querystring){ var params={}; var queryarray=(querystring||"").split("&"); $.each(queryarray,function(index,item){ var keyValuePairs=item.split("="); var key=keyValuePairs[0]; if(key){ var value=decodeURIComponent(keyValuePairs[1]); params[key]=value||""; } }); return params }; $.extend($,{deparam:deparam}) })(window.jQuery); //使用方法 $(function(){      var search = location.search.slice(1); var param = $.deparam(search); console.log(param);      var appid = param.appid || ''; var merchant = param.merchant || ''; var hotelid = param.hotelid || ''; var checkin = param.checkin || ''; var check...

抓住机会，赶紧看完»

此文被围观4049次 分类: 前端设计 标签:  ····
‹«56789›»

最新专题

随机文章

本月排行

    Tags 标签云

    前端技术编程开发curl get postcurl postphpphp学习服务器mysql数据库dedecmsphp技术centoslinuxPHP开发网站开发jsthinkphpdestoonjqueryapachewrite contextget_post_formatpsrewritebugMozillaJavaScripturlinsert intoon()prototypejsp mysqlRequest Error step 1/2linux+php+apachemyeclipseadophpertemplatemysql group_concatappendChildphp mysql

    Links 友情链接

    超级字贴

    站点声明：部分内容源自互联网，为传播信息之用，如有侵权，请联系我们删除。

    © Copyright 2011-2024 www.kfju.com. All Rights Reserved.
    超级字帖 版权所有。蜀ICP备12031064号      川公网安备51162302000234