
HTML
文章平均质量分 60
CG李大仁
https://github.com/limccn/
展开
-
实现简单的类似Lightbox效果的弹出对话框
相信LightBox之类的页面弹出窗口,大家在浏览的时候也应该是很常见的,实现起来也不算太困难,CG今天把在上次发布的ETP项目源代码中的JS部分提取出来,方便大家学习和使用。实现原理:利用DIV的浮动和层的重叠,将对话框的Z-index设置为最高就可以了另外对于遮罩层来说,只要使遮罩层在对话框层之下,其他页面元素之上即可,如果需要美观的话,可以设置半透明效果。CSS代码如下:/*消息框*/#me原创 2016-08-16 10:40:42 · 755 阅读 · 0 评论 -
使用JS实现的可变动态密码输入键盘控件源代码
今天要分享的是一个简单的JavaScript编写和实现的可变动态密码输入控件,可以动态的生产数字键盘并显示,并且可以实现每次点击后密码键盘重新加载,可以手动控制隐藏和显示,手动控制刷新等功能。相信经常登陆网上银行或者某些游戏网站的朋友应该会经常看到这个控件,其实实现起来原理并不复杂,主要是通过随机生产数字,然后通过hash算法,安排数字的位置,这里用了最简单的占位算法,虽然效率比较低(o(n^2)原创 2016-08-16 10:40:53 · 2344 阅读 · 0 评论 -
[Javascript]禁用特定的键盘按键事件
一个奇怪的需求,禁用来自用户键盘输入的特殊按键事件,例如禁用Escape、Backspace、F5等按键。主要用于减少用户的错误输入导致的数据错误等问题,同时需要在页面加载关闭重新加载期间有效。实现方法:1.页面加载和关闭时用window.onkeydown事件处理,页面加载完成后可以用jquery的document.ready()来处理。2.禁用按键的话通过判断输入的按键代码来控制,输入不符合条原创 2016-08-16 10:42:49 · 3057 阅读 · 1 评论 -
[HTML]让iframe随iframe的内容自适应宽度和高度
一个奇怪的需求,一个html页面A内的正中需要使用iframe打开另一个页面B,B页面的内容可长可短,要求用来显示B页面内容的iframe根据B页面的实际显示高度自适应调整高度。同时不能在修改A页面的代码。解决方法,使用iframe可以直接使用parent.parent.document控制父页面的document内容,但是需要注意进行自适应调整的时间,需要在B页面全部加载完成后才可以。实现代码,原创 2016-08-16 10:42:52 · 1726 阅读 · 0 评论 -
[iOS]UIWebView禁止前进和后退
使用HTML5+Native方式开发APP时,需要禁用掉UIWebView前进和后退功能,可以使用以下三种方式实现,三种方法同时使用亦可。1.APP内使用native代码修改UIWebView功能禁止。直接覆盖UIWebView返回判断功能,前进亦可在此处禁止@interface UIWebView(no_back_forward)- (BOOL) canGoBack;- (BOOL) canGo原创 2016-08-16 10:43:16 · 1917 阅读 · 0 评论