摘要：
html部分：<div id="loadingbg"></div><div id="test"><div></div><span>0%</span></div>js部分： var arr =[ { "msrc":"*.css", "mtype":"css", "mpos":0 }, { "msrc":"*.js", &qu 阅读全文
posted @ 2012-11-18 22:09
前端咖
阅读(521)
评论(0)
推荐(0)
摘要：
页面加载进度条实现原理：将要加载的js动态的添加到head中，并根据每个是否加载完成，统计当前一共加载完成的个数。当每一项都加载完成，加载成功。设置加载失败时间。当超过这个时间提示加载失败。详细解释：<!DOCTYPE html><html> <head> <title>页面加载进度条</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> #test{heig 阅读全文
posted @ 2012-11-11 22:52
前端咖
阅读(11331)
评论(0)
推荐(0)
摘要：
效果图如下：要求：成功时加载商品信息，失败时提示重新加载。其中，总个数，当前页，上一页和下一页是前台页面模拟的。只在页面加载时请求一次。代码： ;(function($){ $.fn.mroductInfo=function(options){ var _this = $(this); var len = 0; var index = 0; var defaults = { title:'商品名称', type:'GET', ... 阅读全文
posted @ 2012-10-21 22:13
前端咖
阅读(447)
评论(0)
推荐(0)
摘要：
onbeforeunload和onunload都是在刷新和关闭浏览器事触发。onbeforeunload在onunload之前触发，因为有before，开个玩笑。由按钮事件触发，采用window.open方法，打卡一个新页面window.open('http://localhost/mtest/index.html', 'mtitle','height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no, status= 阅读全文
posted @ 2012-10-21 21:44
前端咖
阅读(1215)
评论(0)
推荐(0)
摘要：
屏蔽浏览器右键： document.oncontextmenu = function(e){ e = e || window.event; return false; }有关自定义浏览器右键，请参考《自定义右键菜单》屏蔽使用（F5或ctrl+r）浏览器刷新： document.onkeydown = function(e){ e = e || window.event; var code = e.keyCode; var bCtrlKey = e.ctrlKey; ... 阅读全文
posted @ 2012-10-15 00:19
前端咖
阅读(1846)
评论(0)
推荐(0)
摘要：
三级联动---城市地区选择有关数据源指给出了部分，仅作参考，其中提供了北京和天津两组数据作为测试用。示例展示：选择城市选择区县选择地区示例代码：<!DOCTYPE html><html> <head> <title>三级联动</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="views/js/libs/jquery-1.8.1.min.js& 阅读全文
posted @ 2012-10-09 00:12
前端咖
阅读(5380)
评论(0)
推荐(0)
摘要：
在关于《jquery插件图片浏览》中遗留一个问题，“有点小问题：当图片第一次加载没完成的时候，这时图片没有显示，会自动执行到下一张图片”改进版代码如下： (function($){ $.fn.mPicsList = function(options){ var picsImgs = $(this).find("img"); var picsImgsLen = picsImgs.length; var index = 1; var ltBtn = $(".leftbtn"); ... 阅读全文
posted @ 2012-10-07 21:53
前端咖
阅读(412)
评论(0)
推荐(0)
摘要：
这部分是利用iframe实现我们的富文本编辑器。上面提到激活编辑模式有两个方法，contentEditable="true"与designMode="On"。contentEditable 是针对单个元素，而designMode是面向整个文档的。因此，当我们使用iframe时，我们得先取到iframe的document。var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;不过，在这之前，我们首先动态生成iframe，然后再对iframe进行一些样式设置， 阅读全文
posted @ 2012-10-07 00:33
前端咖
阅读(5504)
评论(0)
推荐(0)
摘要：
jquery插件图片浏览jquery代码部分 (function($){ $.fn.mPicsList = function(options){ var picsImgs = $(this).find("img"); //获取图片 var picsImgsLen = picsImgs.length; //图片总个数 var index = 0; //当前图片索引下标 var ltBtn = $(".leftbtn"); ... 阅读全文
posted @ 2012-09-23 23:22
前端咖
阅读(5930)
评论(0)
推荐(0)
摘要：
有关前端智勇大冲关已给出了前三道题的解答，开始给出第四道题的解答，可能会有些出入，仅供大家的参考与学习。如果有误，请大家帮忙更正，谢谢。balls[] 定义长度为12的数组status 定义小球的轻重状态 -1代表轻 0代表正常 1代表重随机生成-1或1两种状态的一种，并随机放在balls数组中，并记录这个坏球在数组中的位置下面是我给出了一个简单的模拟示例。简单模拟测试：假如 mStatusType = -1; 坏球为轻 mBallPos = 3; 坏球的位置放在第四个 leftBalls = [0,1,2,3]; 记录位置，分别是1,2,3,4这几个球 rightBalls = [4,5,6 阅读全文
posted @ 2012-09-16 23:24
前端咖
阅读(2362)
评论(1)
推荐(2)
浙公网安备 33010602011771号