◆◆

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

文档归类：前端设计

{转载}JS中数组Array的用法2012-11-25

js数组元素的添加和删除一直比较迷惑，今天终于找到详细说明的资料了，先给个我测试的代码^-^ var arr = new Array(); arr[0] = "aaa"; arr[1] = "bbb"; arr[2] = "ccc"; //alert(arr.length);//3 arr.pop(); //alert(arr.length);//2 //alert(arr[arr.length-1]);//bbb arr.pop(); //alert(arr[arr.length-1]);//aaa //alert(arr.length);//1 var arr2 = new Array(); //alert(arr2.length);//0 arr2[0] = "aaa"; arr2[1] = "bbb"; //alert(arr2.length);//2 arr2.pop(); //alert(arr2.length);//1 arr2 = arr2.slice(0,arr2.length-1); //alert(arr2.length);//0 arr2[0] = "aaa"; arr2[1] = "bbb"; arr2[2] = "ccc"; arr2 = arr2.slice(0,1); alert(arr2.length);//1 alert(arr2[0]);//aaa alert(arr2[1]);//undefined shift：删除原数组第一项，并返回...

抓住机会，赶紧看完»

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

转：26 个 jQuery使用技巧2012-11-25

The use of the jQuery library is growing and growing(just released jQuery 1.4), more and more people are using this useful javascript library. This means that more and more useful jQuery tips, tricks and solutions are coming available. That’s why i created a small list of 26 cool and useful jQuery tips, tricks and solutions. 1. 禁用右键点击（Disable right-click） [sourcecode plain="language"] $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); [/sourcecode] 2. 禁用搜索文本框（Disappearing search field text） [sourcecode plain="language"] $(document).ready(function() { $("input.text1")...

太给力了，去围观»

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

兼容Firefox、IE等浏览器的点击复制js代码,js复制内容2012-11-24

今天在做一个邀请好友注册的链接，要用到js复制代码,找了一段 兼容Firefox、IE等浏览器的点击复制js代码,js复制内容 [sourcecode plain="language"] function copyCode(id){ var testCode=document.getElementById(id).value; if(copy2Clipboard(testCode)!=false){ alert("生成的代码已经复制到粘贴板，你可以使用Ctrl+V 贴到需要的地方去了哦！ "); } } copy2Clipboard=function(txt){ if(window.clipboardData){ window.clipboardData.clearData(); window.clipboardData.setData("Text",txt); } else if(navigator.userAgent.indexOf("Opera")!=-1){ window.location=txt; } else if(window.netscape){ try{ netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect"); } catch(e){ ale...

不要拦我，我一定要看完 »

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

js返回上一页,history.back()与history.go()的区别2012-11-24

js返回上一页,history.back()与history.go()的区别 上午调试了一个上午的js,就只要实现一个页面的跳转， 在a.jsp中输入信息，然后点击提交按钮跳转到b.jsp中，在b.jsp中将刚在a.jsp中填写的信息重新显示，让其确认，如果需要修改就点击返回按钮跳转回到a,jsp中，我开始是用<input onclick="javascript:history.back(-1);" type="button" name="back" value="重新填写" />的实现的 后来发现跳转回到a.jsp后里面填写的数据全部消失了，我不知道要怎么保存，就开始了那种最愚蠢的做法，将填写的数据设置到session中，让后取出来用，不过没有试成功，总是有错，无意之中在我那本js的资料书里看到了javascript:history.go(-1);的方法，呵呵，尝试了一次，真的实现了数据的保留 总结一下： history.back(-1):直接返回当前页的上一页，数据全部消息，是个新页面 history.go(-1):也是返回当前页的上一页，不过表单里的数据全部还在 看来以后得好好研究javascript了...

抓住机会，赶紧看完»

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

前端知识,FACEBOOK的面试题？css display:block与display:inline的区别2012-11-09

前端知识：FACEBOOK的面试题？css display:block与display:inline的区别 浏览器支持 所有主流浏览器都支持 display 属性。 注释：如果规定了 !DOCTYPE，则 Internet Explorer 8 （以及更高版本）支持属性值 "inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、"table-row-group"、以及 "inherit"。 可能的值 值 描述 none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CSS2.1 新增的值） list-item 此元素会作为列表显示。 run-in 此元素会根据上下文作为块级元素或内联元素显示。 compact CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。 table 此元素会作为块级表格来显示（类似 ），表格前后带有换行符。 inline-table 此元素会作为内联表格来显示（类似），表格前后没有换行符。 table-row-group 此元素会作为一个或多个...

我只是想看完而已»

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

IE7下多个Select互相重叠的解决方法,Select互相重叠,两个select叠加到一起去了2012-11-07

昨天晚上分析看了一下国内浏览器的使用情况，ie老大,360第二,搜狗第三，加之公司也有人用sougou于是一大早就开始了兼容的调整！ 在IE7中动态操作select的时候会出现下面的问题 　　BUG症状： 正常效果: 问题就是多个select由于内容变化，但是不会自动排列位置。暂时只是在IE7中发现这个问题。 解决办法： 一、将需要填充的Select 后面的Select全部隐藏，内容添加结束以后，重新显示，就会自动扩展位置： 引用的内容： $("#city").css('visibility', 'hidden'); $("#district").css('visibility', 'hidden'); $("#province").append("<option value=001>贵州</option>"); $("#city").css('visibility', 'visible'); $("#district").css('visibility', 'visible'); 二、用css固定select的宽度 #city,#district {width:100px;}   最终我选择用的是第二种方法，这样感觉好一点！ ...

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

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

js中间截取等比例缩小的图片,防止图片变形,js图片上下居中2012-10-21

今天 在修改 爱琴海婚纱 网站的时候，有一个相当于相册的地方要求修改， 以前图片变形，上下不居中。 很多地方都要用到图片上下居中的，这里查找 了一个js 的function供大家研究 /** * 根据要求的大小来判断，等比例截取原始图片 * 在各个浏览器都看了一下，都支持这个Image() **/ //图片按比例缩放 var flag=false; function DrawImage(ImgD,iwidth,iheight){ //参数(图片,允许的宽度,允许的高度) var image=new Image(); image.src=ImgD.src; if(image.width > 0 && image.height > 0){ flag=true; if(image.width/image.height >= iwidth/iheight){ if(image.width>iwidth){ ImgD.width=iwidth; ImgD.height=(image.height*iwidth)/image.width; }else{ ImgD.width=image.width; ImgD.height=image.height; } ImgD.style.marginTop = (iheight - ImgD.height) / 2 + 'px'; ImgD.alt =...

持之以恒，坚持读完»

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

swfupload修改自带缩略图的的限制,swdupload上传,多图上传工具2012-10-20

swfupload使用方法说明　和　修改说明 前两天有一章节是说的这个swfupload上插件 当时也没有认真去看，能上传就行了 后来客户发现上传上去的图片全是小图，根本无法查看 昨天查了一下google和度娘 发现原来swfupload这个上传插件默认是将图压缩了的！ 最后将swfupload 中的fileDialogComplete修改 function fileDialogComplete(numFilesSelected, numFilesQueued) { try { if (numFilesQueued > 0) { //this.startResizedUpload(this.getFile(0).ID, 100, 100, SWFUpload.RESIZE_ENCODING.JPEG, 100); this.startUpload(); } } catch (ex) { this.debug(ex); } } 还有uploadComplete function uploadComplete(file) { try { /* I want the next upload to continue automatically so I'll call startUpload here */ if (this.getStats().files_queued > 0) { //this.startResizedUpload(this.getF...

博主太强大了，膜拜去»

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

jquery数据分页,jquery json分页,js分页2012-10-27

今天在做jqeury数据分页，同时也适合json数据分页 先读出数据，然后添加到页面中，统计行数。上代码：前期还没有优化，等下周再来优化  [sourcecode language="plain"] <script type="text/javascript"> var pagesize = 10; var clen = 0; var page = 0; var nowpage = 1; function interLesson(packid){ $('#packTable').hide('slow'); $('#lessonBody').html('<tr><td colspan="5" align="center"><img src="/Public/images/loading.gif" /><br />正在努力加载中...</td></tr>'); $("#lessonList").show('slow'); setTimeout(function(){ $.get(URL+'/getLesson',{pid: packid}, function(data){ if (data.status...

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

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

前端开发中的几个小问题，css hover问题，图片和背景透明的解决方法！2012-10-12

先来看一下我今天的css hover问题，图片和背景透明的解决方法， [sourcecode lang="plain"] <script type="text/javascript" src="/App/Tpl/Home/default/Public/js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="/App/Tpl/Home/default/Public/js/iepng.js"></script> <script type="text/javascript"> //判断浏览器版本 var browser=navigator.appName; var b_version=navigator.appVersion; var version=b_version.split(";"); var trim_Version=version[1].replace(/[ ]/g,""); if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE6.0"){ DD_belatedPNG.fix('.logo, .logo_img, .topfont, .menu,'); //DD_...

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

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

swfupload无刷新上传,swfupload多图上传,jqeruy无刷新上传2012-10-17

swfupload无刷新上传,swfupload多图上传,jqeruy无刷新上传 swfupload实例使用说明： 找到handlers.js里面的以下代码,分析; [scourcecode plain="language"] function uploadSuccess(file, serverData) { try { var progress = new FileProgress(file, this.customSettings.upload_target); //解析json格式 var jsonStr = eval("("+serverData+")"); if (jsonStr.status) { addImage(jsonStr.data[0].savepath + jsonStr.data[0].hashname, jsonStr.data[0].id); addInput(jsonStr.data[0].id); progress.setStatus("Upload Complete."); progress.toggleCancel(false); }else{ addImage("images/error.gif"); progress.setStatus("Error."); progress.toggleCancel(false); alert(jsonStr.info); } ...

抓住机会，赶紧看完»

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

js图形生成工具Highcharts使用教程2012-10-06

今天在做ERP系统的时候用到了一个图形生成工具Highcharts,下面我们来看看这个的参数说明： Highcharts官网：www.highcharts.com/ 第一步加载js和定义形式框： <script src=”http://code.highcharts.com/highcharts.js”></script> <script src=”http://code.highcharts.com/modules/exporting.js”></script> <div id=”container” style=”min-width: 400px; height: 400px; margin: 0 auto”></div> 第二步加载初始化久加载数据 [sourcecode language="plain"] $(function () { var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: ’container’,//页面加载的ID type: ’line’,//图形类型 marginRight: 130,//位置 marginBottom: 25 }, title: {//顶部 的标题 text: ’Monthly Average Temperature’, x: -...

我只是想看完而已»

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

商城中使用jquery查看商品图片放大插件的应用2012-09-17

前几天在做thinkphp一个积分商城的时候要用到产品图片放大的效果, 于是毫不犹豫使用了jquery插件jquery_zoom.js 效果图： 贴上代码： <div class="bigImgArea"><!--bigImgArea begin--> <div class="mainShow"> <a id="bigImg" href="{$data['imgUrl'][0]}" class="jqzoom" title="{$data.name}" style="cursor: crosshair; display: block; position: relative;"> <img id="midImg" src="{$data['imgUrl'][0]}" alt="{$data.name}" src340="{$data['imgUrl'][0]}" > </a> </div> <div class="thumbnails" id="thumbnails1"> <a href="javascript: void(0);" class="pre preDisable"></a> <div class="noExtra"> <ul class="moveable"> {foreach from=$data['imgUrl'] item=img} <...

抓住机会，赶紧看完»

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

特别推荐:jquery连续点击造成数据显示错误解决方法2012-09-12

我在项目中遇到的问题是这样的， 做了一下购物车，在购物车列表中根据"-"、"+"两个按钮来实现的数量改变，同时更新页面的价格和数据。 大家都知道网络存在延迟，就会造成页面中的数据与最终数据不一致的后果！这个错误是非常严重的。 在搜索引擎中查找关键词：jquery连续点击解决,在CSDN上找到了与之相关的文章：求助:使用jquery循环动态获取数据,当服务器响应慢时,连续点击某链接后,响应出现重复数据,该如何解决 笨人愚昧，没有看懂，因为问题太常了！只看了回复，从中得到的启发，设置返回数据后才能进入下一次点击。 各位看客请看： [js] <script type="text/javascript"> var c = true; $(function(){ //删除单一商品 $('.del').click(function(){ var id = $(this).attr('id'); $.post('/index.php/Category/delcart', {id: id}, function(data){ if(data.status){ $("#total_integral").html(data.data); $('#tr_'+id).remove(); updateTable(); }else{ alert('删除失败'); } }, 'json'); }); //...

我只是想看完而已»

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

js电子相册,jquery电子相册,电子相册制作,网页js电子相册2012-09-10

在做项目“最妖精”的时候，要用到电子相册。在北京一网站上找到这样的效果，最后给扣了下来，记录在这里！ 第一步下载所需要的js文件， 当然jquery肯定是要用到的。 <script type="text/javascript" src="/Public/Js/jquery-1.7.1.min.js"></script> //加载相册列表的 <script type="text/javascript" src="/Public/Js/jquery.jcarousel.pack.js"></script> //真正用到的是后面这两个js <script type="text/javascript" src="/Public/Js/swfobject.js"></script> //下面这个js是关键，里面包括了要加载的id，flash的背景，还有swf的地址 <script type="text/javascript" src="/Public/Js/flippingbook.js"></script>   然后加载   <script type="text/javascript"> flippingBook.pages = ["http://www.adophper.com/2011060216413...

太给力了，去围观»

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

最新专题

随机文章

本月排行

Tags 标签云

前端技术编程开发curl get postcurl postphpphp学习服务器mysqldedecms数据库php技术centoslinux网站开发PHP开发jsdestoonthinkphpwrite contextget_post_formatrewritejqueryapachepsbugMozillaJavaScripturlinsert intoon()prototypemysql group_concatjsp mysqlmyeclipsetemplatelinux+php+apachephp mysqlappendChildRequest Error step 1/2供应

Links 友情链接

简单看书超级字贴

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

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