【前端技术】 用JS获取li是第几个
22 01 2016
用JS获取li是第几个

今天写前端html的时候,需要对最后一个li进行定义。而熟知的一些css并不可以完成这项功能。于是研究了一下。如果在某个特定的情况下,必须要获取li的元素位置,其实方法很多。比如css3的一个选择器nth-child(),非常的实用。可以选择某个的一个或多个特定的子元素。对于它的应用,明天将更新。今天的这篇文章,是要用JS完成这个功能。其实方法很简单,我就不一点点的讲解了。我大概的说一下这段代码的思路。首先获取li的值,然后利用for循环定义 onclick的点击事件,这样就完成了这段代码。废话不多说,下面献上代码,希望可以帮助一些无助的童鞋们

           
【转载优文】 用JS写的一个随机的迷宫
22 01 2016
用JS写的一个随机的迷宫

公司需要写一个迷宫游戏,时间又有大把,就自己写一个不在网上找了。网上查了了几种算法,也实验了,觉得这种比较好。但是缺点就是,格数多了,绘制需要很长时间+_+,其他的还行吧。具体算法是这样的:首先将迷宫分成若干个正方形的单元格,并随机选中一个作为起始点(start)。将正被访问的单元格标记为已访问,得到它所有相邻单元格。在这些相邻的单元格中随机选择一个,如果这个被选中的单元格没有被访问过, 那么移掉正被访问单元格和被选中单元格之间的墙体,并将这个被选中单元格作为正被访问单元格。如果正被访问单元格的所有相邻单元格都被访问过。 那么在所有被访问过

           
【前端技术】 html标签中meta属性使用介绍
22 01 2016
html标签中meta属性使用介绍

meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta 标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显 示的窗口等!html的meta总结meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。1、name属性name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的

           
【框架学习】 phpcms搜索列表页不能放入栏目导航的bug
21 01 2016
phpcms搜索列表页不能放入栏目导航的bug

phpcmsv9是PHP开源cms中用户使用的系统最多的之一。在phpcmsv9的搜索页面中没有网站导航栏,是一个独立的模块,所以风格上与首页与文章页不统一。为了使搜索页面与首页风格统一需要更换搜索页面的模板。但是很多小伙伴们在添加导航后,发现搜索结果输出不正确,显示好多 "1 ",这让很多人很费解。其实问题很简单,原因是搜索程序保存搜索结果的变量是$data,但是pc标签一般使用的返回变量也是$data,这样在之前调整了导航标签后搜索结果就会与之前的data变量重叠,看好,是重叠,不是覆盖。这样再输出搜索结果时,就会出现不正常的现象,但是程序还不报错。说明了这些,其实问题已经解决了

           
【前端技术】 html5音乐播放器(播放暂停重新)
20 01 2016
html5音乐播放器(播放暂停重新)

有一些朋友想让网页更加的完美高端,所以想要加入一些音乐的元素。对于音乐元素来说,bgsound标签大家应该都很熟悉, 就这样一段代码可能就完成整个页面的音乐效果。但不足的是无法控制它的暂停或开始,加入网页后,即使浏览者想关闭,也无法完成操作。这让本来的目的变得有些不人性化。为了弥补这缺陷,写了一小段代码来控制网页音乐的播放暂停重播。由于用的是html5+js,所以太低版本的浏览器会出现不兼容的现象。需要引入一个 MP3,把b mp3给替换了。

           
【转载优文】 HTML5 canvas绘制的玫瑰花效果
20 01 2016
HTML5 canvas绘制的玫瑰花效果

今天偶尔的机会碰到个好玩的东西,就转载过来跟大家分享。(很久前在 CSDN 看到一个外国牛人用 JAVA 编写了一个玫瑰,很是漂亮,当时没记着复制保留,现今补上这个缺陷)它的技术是利用 html5 和JS的绘图,3D曲面和透视投影,旋转等一系列技术制作而成。最后祝天下有情人钟情眷属,虽然本编还没有女盆友。以下代码,直接复制粘贴到html里,然后预览就OK了。IE可能不太兼容。强烈建议用火狐浏览器,谷歌浏览器等主流浏览器预览。赶快给他 她做一朵玫瑰把,给他 她一个惊喜

           
【前端技术】 CSS3的calc()计算宽度心得
20 01 2016
CSS3的calc()计算宽度心得

偶尔的机会,看到一个网站用calc()。我感觉很陌生,貌似想不到它是css3的一部分。因为看其外表像个函数。对此,我花了一些时间对calc()进行研究。发现它可以给元素做计算,还可以实现自适应的布局。但它对移动端的支持却不是太乐观。下面我具体对calc()详细讲解下,希望可以给大家带来更多的参考资料。

           
【转载优文】 自己写的HTML5吃豆游戏
20 01 2016
自己写的HTML5吃豆游戏

很早就知道canvas,当时一直没应用到,最近闲来无事就顺便写写看。吃豆游戏可以说是我们80,90后共同的回忆录,小时候常常在学习机上玩,所以也就有了强烈的欲望去写。为了写这个游戏,看了很多吃豆人游戏的相关信息,包括游戏规则,历史,其它相关游戏设计。又去了各个小游戏平台玩了下,找些灵感!!!就连最简单的配色,也是反复斟酌几个小时确定的方案……哈哈,不容易啊。代码分两部分,游戏引擎和游戏主程序,引擎用来类的定义,管理动画场景,事件定义等等……游戏主程序主要组织业务逻辑。算面向对象编程吧,可以参考下路人甲版权所有哦,哈哈~可以关注github获得最新代码!纯手工打造

           
【框架学习】 最新PHPCMS V9编辑器代码高亮显示亲测可用(提前备份)
19 01 2016
最新PHPCMS V9编辑器代码高亮显示亲测可用(提前备份)

很多朋友喜欢用phpcms发布编程类信息,为了用户的良好浏览效果,所以代码高亮不可缺少,这篇信息提供的方法是通过编辑器内就格式化了代码,不是后处理的。最近PHPCMS V9更新挺频繁的,是好事,让我们更完美的用它的功能,是坏事,以前的教程都不能用了。譬如这篇在PHPCMS V9文章中实现代码高亮显示的功能,之前的教程已经不能用了,所以今天发布这个最新版的教程来实现这个功能,亲测可用。

           
【前端技术】 jquery禁用F1-F10以及右击按键
18 01 2016
jquery禁用F1-F10以及右击按键

用javascript屏蔽浏览器的F1~F12, 不改变浏览器的原来设置,对多个浏览器兼容。如360极速浏览器按F2 F3会切换标签;火狐按F3会出现搜索 于是献上代码给你们,包括了F1-F12 还有就是鼠标右击和禁止回车。不光可以更兼容浏览器,还可以防止盗版代码。以下代码已亲自测试,都是OK的,放心使用即可

返回顶部