phper,PHP学习_PHP技术_PHP网站建设_PHP程序员专注于PHP技术研究及学习

文档归类:前端设计

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

$(".app a").bind({                         mouseenter:function(){                                 $(this).children("img").animate({filter:'alpha(opacity=50)',opacity:'0.5'});                               &...
此文被围观1148 分类: 前端设计 标签:  ···

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...
此文被围观1566 分类: 前端设计 标签:  ····

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;...
此文被围观1877 分类: 前端设计 标签:  ··

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...
此文被围观2639 分类: 前端设计 标签:  ···

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...

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(可选) */ ...
此文被围观1046 分类: 前端设计 标签:  ····

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" 就是拉伸。 ...
此文被围观2509 分类: 前端设计 标签:  ····

固定网页宽度让手机自适应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 ...
此文被围观2140 分类: 前端设计 标签:  ···

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...

css自定义字体2014-01-17

css自定义字体 @font-face {      font-family: 'msyh';      src: '/font/msyh.ttf' } body {font-family: msyh,Arial} css自定义字体 ...
此文被围观1800 分类: 前端设计 标签:  ····

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 函数默认参数值 ...
此文被围观1551 分类: 前端设计 标签:  ···

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...
此文被围观1999 分类: 前端设计 标签:  ····

js 强制保留两位小数2014-01-17

//保留两位小数         //功能:将浮点数四舍五入,取小数点后2位         function toDecimal(x) {             var f = parseFloat(x);             if (isNaN(f)) {                 return;             }             f = Math.round(x*100)/100;             return f;         }         //制保留2位小数,如:2,会在2后面补上00.即2.00         function toDecimal2(x) {             var f = parseFloat(x);             if (isNaN(f)) {                 return false;             }             var f = Math.round(x*100)/100;             var s = f.toString();             var rs = s.indexOf('.');             if (rs < 0) {                 rs = s.length;                 s += '.';     ...
此文被围观2186 分类: 前端设计 标签:  ···

本站使用ThinkPHP框架开发读图网主题,目前托管在阿里云,图片由读图网提供. 蜀ICP备12031064号

Copyright © 2011-2017adophper.com All Rights Reserved.