-
闲谈CSS3动画
所属栏目:[创业] 日期:2018-09-16 热度:178
随着CSS3越来越热,CSS3动画也逐渐受到大家的关注。这次有幸修改淘宝网全站页头,小小地应用了下(详见http://www.taobao.com/下拉箭头处的hover效果)。与其说是渐进增强,不如说是满足了技术人小小的虚荣心。 以下是自己的一点理解,希望能对大家有所帮助[详细]
-
IE6下设置了z-index层仍无法置顶的解决方法
所属栏目:[创业] 日期:2018-09-16 热度:132
IE6下设置了z-index层仍无法置顶的问题,前几天与几个朋友一起探讨,现在把解决方法通过烈火告诉大家。 层代码如下: div id=ad_top/div div id=topstory/div 样式代码如下: .ad_top { z-index:999; } .topstory { z-index:-999; float:left; } 最终解决[详细]
-
参考文档:浏览器默认HTML的CSS样式属性
所属栏目:[创业] 日期:2018-09-16 热度:184
这个浏览器默认HTML的CSS样式属性,在你需要还原默认值的时候,比较有用。开始的时候应用通配选择器 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了。 以前一直在找这份文档,今天偶然在w3上看到了。除了inline和block的定义,[详细]
-
网页中动态加载 CSS 的四种不同方法
所属栏目:[创业] 日期:2018-09-16 热度:94
第一种添加方式: document.getElementById(elementId).style.background=#ff0000; 这种方式采用内联是插入css.优先级高。容易引起页面回流性能不好 也不能进行多个样式的添加 第二种方式: document.getElementsByTagName(a)[0].style.cssText=background[详细]
-
CSS3 灵活的盒子模型(Flexible Box Module)-2
所属栏目:[创业] 日期:2018-09-16 热度:178
继上一篇《CSS3 灵活的盒子模型(Flexible Box Module)-1》后继续深入,说说 CSS3 里盒子模型的尺寸。本文的 HTML 框架继续沿用《CSS3 灵活的盒子模型(Flexible Box Module)-1》。 在 CSS2 里,要把一个容器分成三栏的话比较简便的方法是把三个字容器的 wid[详细]
-
二级树形折叠菜单,Js+Css简单完成,未美化
所属栏目:[创业] 日期:2018-09-16 热度:173
二级树形折叠菜单,Js+Css简单完成,未美化。折叠展开/合拢,想用的同学还要美化一下才行哦。没有引用任何的外部文件,也没有用到图片,虽然简单,而且还有些粗糙,但核心的东西已经展示给大家了,正在研究折叠菜单的朋友们,这一个小例子可能正是你需要的[详细]
-
基于jQuery实现的简单滑动门的雏形代码
所属栏目:[创业] 日期:2018-09-16 热度:68
一个基于 jQuery 实现的简单滑动门的雏形代码,从外观上看,简洁经典,似乎与平时见到的滑动门没什么区别,不过它有一个重要的功能与众不同,那就是会自动切换【播放】滑动门的内容,像腾讯QQ登录后弹出的每日要闻一样,如果你再加以美化,那么就更完美无[详细]
-
JS批量获取class命名节点 getElementsByClassName()
所属栏目:[创业] 日期:2018-09-16 热度:185
JS批量获取class命名节点 getElementsByClassName() getElementsByClassName() 是一个老的方法了,将其优化整理后给大家提供。 代码如下: // 批量获取class命名节点 function getElementsByClassName(className, tag, parent){ var parent = parent || doc[详细]
-
cookie的添加、获
所属栏目:[创业] 日期:2018-09-16 热度:145
下面这段代码最开始是参考腾讯的,自经过调整加工及添加注释后贴出来,希望对大家有所帮助。 在注释中的解释应该已经很详细了,如遇到问题可以在评论中咨询。 // cookie 2.0 F7 Editor function setCookie(name, value, expires, path, domain){ //name coo[详细]
-
Chrome浏览器中用JS获取表格及其元素的CSS宽高
所属栏目:[创业] 日期:2018-09-16 热度:151
虽然现在表格用的很少了,但是某些写东西还是需要用到的。 今天在做F7Dialog2.0项目的时候遇到了要获取表格单元格的CSS宽高。自认为获取宽高很简单,直接写了代码获取,后来那部分代码写完后测试时才发现chrome执行结果不同,很是郁闷[详细]
-
js用法例子:使用split分隔指定字符串
所属栏目:[创业] 日期:2018-09-16 热度:200
js用法例子:使用split分隔指定字符串 Java Script使用split分隔指定字符串,用法举例,这里使用,逗号作为分隔符,将一长串含有逗号的字符串分开,应用十分广泛,其用法也相当简单,你从本代码中即可学到用法。 Copy to Clipboard 引用的内容:[www.veryhu[详细]
-
JavaScript 基础应用语法
所属栏目:[创业] 日期:2018-09-16 热度:164
1.document.write();为 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-html-(head,body) 4.一个浏览器窗口中的DOM顺序是:window-(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById(表单中[详细]
-
IE下setTimeout传参数bug的解决方法
所属栏目:[创业] 日期:2018-09-16 热度:119
最近一次的开发中遇到了IE下setTimeout传参数的问题,在IE下setTimeout是不会传参数的,例如下面的代码,在IE下就不会传入a,b两个参数 setTimeout(function(a,b){ alert(a+b); },1000,'hello,','world!'); 在实际项目中我们有些需求必须传入参数要setTimeo[详细]
-
documentElement知识汇总
所属栏目:[创业] 日期:2018-09-16 热度:196
问题来源: 取得当前浏览器窗口的高度和宽度 解决文案: script type=text/javascript //from ppk (http://www.jr.pl/www.quirksmode.org/viewport/compatibility.html) var x,y; if (self.innerHeight) // all except Explorer { x = self.innerWidth; y = s[详细]
-
JS的Image对象可用于检测图片类型是否合法
所属栏目:[创业] 日期:2018-09-16 热度:55
项目中假如碰到了上传图片文件时,需要在后台加检测程序,判断图片类型是否合法,以防止一些非法的文件上传,如果对js的Image对象比较熟悉我们可以使用下面的方法在前端层次上检查下图片类型是否合法。 var img = new Image(); img.onload = function(){ al[详细]
-
自定义鼠标指针样式代码,兼容IE、火狐浏览器
所属栏目:[创业] 日期:2018-09-16 热度:76
下面介绍的是自定义网页中鼠标/光标指针样式代码,兼容IE、 火狐浏览器 。随烈火一起来看一下吧。 body { cursor:url(images/liehuo_net.cur), url(/images/liehuo_net.cur), auto;} 烈火提示: IE中,Url可以是相对路径,也可以是绝对路径 。 FF中,Url只[详细]
-
写HTML和CSS的新方法
所属栏目:[创业] 日期:2018-09-16 热度:152
Zen Coding 一个用来简化编写 HTML,XML, XSL (或是其它一些诸如此类格式的编辑器)。其主要是用一种缩写方式的语法来书写大量重复和无味的HTML,很像CSS语法。下面是一个例子: div#pagediv.logo+ul#navigationli*5a 展开后会成为下面这个样子: div id=[详细]
-
CSS 多个子框架居中
所属栏目:[创业] 日期:2018-09-16 热度:101
有时我们需要令一个宽度固定的容器里的子框架居中(例如一个 Div ,或者其他 block 级元素),如果子框架只有一个的话,我们只需要为子框架加上 CSS 属性 margin: auto 就可以了。 但如果我们要让多个子框架居中,并且等分父框架剩余的空间的话,我们对所[详细]
-
CSS垂直自适应,元素超出高度显示效果
所属栏目:[创业] 日期:2018-09-16 热度:97
烈火网(LieHuo.Net)CSS教程,今天我们来探讨一下CSS的纵向自适应的问题,也就是垂直自适应。 当元素的内容超出元素定义的高度时候的显示效果。 下面是实例代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML[详细]
-
如何编写高质量的Javascript代码(译)
所属栏目:[创业] 日期:2018-09-15 热度:51
优秀的Stoyan Stefanov在他的新书中(《 Java script Patterns》)介绍了很多编写高质量代码的技巧,比如避免使用全局变量,使用单一的var关键字,循环式预存长度等等。 这篇文章不仅仅从代码本身来考虑如何优化编码,也从代码的设计阶段来考虑,包括书写A[详细]
-
当构造函数遇到 YUI3 封装机制
所属栏目:[创业] 日期:2018-09-15 热度:69
Copy to Clipboard 引用的内容:[www.veryhuo.com]/* * 构造确认操作对话框 * @constructor ConfirmBox */ var ConfirmBox, confirmOff, confirmDel; ConfirmBox = function(msg, url){ this.msg = msg; this.url = url; }; ConfirmBox.prototype.fire = f[详细]
-
JS 实现 taskMenu 加载的时候显示指定的项
所属栏目:[创业] 日期:2018-09-15 热度:179
在用taskMenu的时候 当需要显示的项太多的时候 希望加载的时候 只显示指定的项 var taskMenu1; var taskMenu2; var item1; var item2; var item3; var item4; window.onload = function() { TaskMenu.setHeadMenuSpecial(true); /////////////////////////[详细]
-
JavaScript中的字符串乘法
所属栏目:[创业] 日期:2018-09-15 热度:62
In Ruby, the * operator used with a string on the left and a number on the right does string repetition. Ruby*2 evaluates to RubyRuby, for example. This is only occasionally useful (when creating lines of hyphens for ASCII tables, for ex[详细]
-
使用javascript将XML解析为JSON
所属栏目:[创业] 日期:2018-09-15 热度:143
今天看了David Walsh一篇把XML格式转换为JSON格式的文章,感觉不错,简单的转载了过来。 下面是神奇的XML转JSON的javascript代码: // Changes XML to JSON function xmlToJson(xml) { // Create the return object var obj = {}; if (xml.nodeType == 1)[详细]
-
你真的认识 window.location 吗?
所属栏目:[创业] 日期:2018-09-15 热度:145
如果你稍微懂一些 JS 代码,一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址: window.location.href = window.location.href; 好吧,我告诉你,这样弱掉了。其实原生 Java Script 真是什么都有。 window.location 对象所包含[详细]