-
CSS实例:纯CSS打造斜角
所属栏目:[创业] 日期:2018-09-16 热度:59
关于CSS打造斜角,先说一下历史,在CSS+DIV流行以前,也就是用表格作为网页框架的时候,人们通过在一个单元格里加入一个斜角图片来来做这种效果的。这种技术现在已经完全过时了,这里不讨论。CSS+DIV兴起以后,出现了两种制作斜角效果的方法,一个是通过ba[详细]
-
CSS技巧:字体属性简写规则
所属栏目:[创业] 日期:2018-09-16 热度:51
当使用css定义字体时你可能会这样做: 事实上你可以简写这些属性: 现在好多了吧,不过有一点要注意:使用这一简写方式你至少要指定font-size和font-family属性,其他的属性(如font-weight, font-style,font-varient)如未指定将自动使用默认值。[详细]
-
IE6/IE7/FireFox CSS兼容的解决方法
所属栏目:[创业] 日期:2018-09-16 热度:130
1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 wi[详细]
-
CSS背景图片控制单行文字顶距的技巧
所属栏目:[创业] 日期:2018-09-16 热度:133
假如是这样的情况: 工作机会.nav{height:30px;weight:125px;background:url(images/navbg.jpg);} 这里如果想控制文字的距顶部的距离,可以这样。 增加这样的样式。 .nav{overflow:hidden;line-height:35px;} 这里的line-height:35px;控制上下位置,overfl[详细]
-
用css实现高宽自适应满屏显示无滚动条
所属栏目:[创业] 日期:2018-09-16 热度:193
之前别人也有写过,但兼容性不强,支持以下几款主流浏览器 IE6,7,firefox2,3,时间关系,css就不一一详解了,很简单。请看下面的源码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona[详细]
-
CSS禁止中文输入法(只能输入英文)
所属栏目:[创业] 日期:2018-09-16 热度:80
CSS样式也是可以实现某些类似脚本的功能,例如今天要说的就是禁止输入中文,只要在CSS样式中加上以下代码就可以了: Copy to Clipboard 引用的内容:[www.veryhuo.com]ime-mode : disabled (说明:他的真实效果是禁止切换输入法,也就是说只能输入默认输入[详细]
-
CSS常用类和ID命名规范
所属栏目:[创业] 日期:2018-09-16 热度:143
CSS中的类和ID名称都是可以自定义的,也没有像一些编程语言会保留关键字,在CSS里可以完全自己命名。但是为了使CSS更有可读性,很多人都提倡规范命名。说到这,发现我以前写的不少CSS的命名都是很乱的,真得改改了。 今天翻出电脑里的资料,发现有个CSS常[详细]
-
使用CSS让DIV水平垂直居中的方法
所属栏目:[创业] 日期:2018-09-16 热度:156
要点: 1.position属性设置为:absolute 2.top和left属性都设为:50% 3.margin-top宽度设置为height高度的一半,margin-left属性设置为width宽度的一半。 htmlheadtitleDIV水平垂直居中/titlestylebody{font-size:12px; margin:0; padding:0;}.div1{positi[详细]
-
纯CSS圆角框3:圆角化图片
所属栏目:[创业] 日期:2018-09-16 热度:139
文章导航: 第一章:基本的圆角框 第二章:透明圆角化背景图片 在前面一篇文章中,我们将一张上下渐变的的图片作为标题的背景,并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢?我们还能将一些颜色比较丰富的图片也进行透明圆角化吗? 答[详细]
-
CSS入门:五个简单,但有用的CSS属性
所属栏目:[创业] 日期:2018-09-16 热度:95
今天说的这5个CSS属性,你可能会很熟悉,但是你可能会很少会去使用.这个教程所讲得不是关于CSS3的属性,而是依旧使用CSS2属性来说明,这些属性广泛的被各种浏览器所支持:clip,min-height,white-space,cursor和display.所以不要错过这个教程,因为你会发现他们是[详细]
-
JavaScript Event学习第十章:一些可替换的事件对
所属栏目:[创业] 日期:2018-09-16 热度:103
为了让我们的JavaScript驱动的页面对那些不能或者不想使用鼠标的用户也能很好的使用,我们对于像mouseover和click这样的事件做一些处理,同样的,对于非鼠标事件也同样的要我们的脚本执行。 测试的局限性 这一章我们打算寻找哪些事件可以用来仿真鼠标事件。[详细]
-
JavaScript Event学习第九章:鼠标事件
所属栏目:[创业] 日期:2018-09-16 热度:63
鼠标事件是到目前为止最重要的事件。在这一章我将介绍一些鼠标事件的最常见的问题和技巧。 先看看都有哪些鼠标事件:mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然后还会解释一下relatedTarget,fromElement和toElement这些事件[详细]
-
JavaScript Event学习第八章:事件的顺序
所属栏目:[创业] 日期:2018-09-16 热度:62
在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题:如果一个元素和他的父元素对于同样的事件都有事件处理程序,那么哪个会首先执行呢?毫无疑问,看是什么浏览器。 基本问题很简单。假设你的一个元素包含在另外一个元素中。 ----------------[详细]
-
Prototype 实现的 AJAX Edit in Place
所属栏目:[创业] 日期:2018-09-16 热度:183
Prototype 似乎已经过气了,但用的人还是挺多,这段代码是用来实现即时文本编辑(Edit In Place)的功能。 // Requires prototype.js function edit(action, obj) { Element.hide(obj); var textarea ='div id=' + obj.id + '_editorinput type=text id=' +[详细]
-
你真的认识 window.location 吗?
所属栏目:[创业] 日期:2018-09-16 热度:90
如果你稍微懂一些 JS 代码,一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址: window.location.href = window.location.href; 好吧,我告诉你,这样弱掉了。其实原生 Java Script 真是什么都有。 window.location 对象所包含[详细]
-
使用javascript将XML解析为JSON
所属栏目:[创业] 日期:2018-09-16 热度:107
今天看了David Walsh一篇把XML格式转换为JSON格式的文章,感觉不错,简单的转载了过来。 下面是神奇的XML转JSON的javascript代码: // Changes XML to JSON function xmlToJson(xml) { // Create the return object var obj = {}; if (xml.nodeType == 1)[详细]
-
JavaScript中的字符串乘法
所属栏目:[创业] 日期:2018-09-16 热度:111
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[详细]
-
JS 实现 taskMenu 加载的时候显示指定的项
所属栏目:[创业] 日期:2018-09-16 热度:81
在用taskMenu的时候 当需要显示的项太多的时候 希望加载的时候 只显示指定的项 var taskMenu1; var taskMenu2; var item1; var item2; var item3; var item4; window.onload = function() { TaskMenu.setHeadMenuSpecial(true); /////////////////////////[详细]
-
使用jQuery中ajax方法访问web服务
所属栏目:[创业] 日期:2018-09-16 热度:81
说明: ArrayList 中 存为对象CollegeDepartInfo 其属性为:stirng CollegeDepartTitle 和 int CollegeDepartId 在javascript中 ddlDepart.options[ddlDepart.length]=new Option(n.CollegeDepartTitle,n.CollegeDepartId); Option的参数就是依据他们的。[详细]
-
Javascript实现不同编码之间的URL提交
所属栏目:[创业] 日期:2018-09-16 热度:100
不同的网站之间提交参数的时候。比如A网站是UTF-8编码,向liehuo.net (GBK) 提交一个链接 http://s.liehuo.net/?q=杯具sp=on 这样会存在转码的问题。 提供一个函数。将 http://s.liehuo.net/?q=1a=2b=3c=4 转换成FORM,再通过更改FORM的accept-charset 来[详细]
-
jQuery多级折叠(树形)菜单,动态展开和收缩
所属栏目:[创业] 日期:2018-09-16 热度:151
jQuery 多级折叠(树形)菜单,动态展开和收缩。所有的元素以ul li ul li ul li的循环格式嵌套 如果没有下级分类 就用li a结束嵌套,代码内不用toggle()的原因是为了在收缩菜单的时候同时也将该菜单的下级菜单以后的所有元素都隐藏。 为解决一些网页特效运行[详细]
-
纯CSS三级菜单,兼容IE6横向、下拉级联代码
所属栏目:[创业] 日期:2018-09-16 热度:84
纯CSS三级菜单,兼容IE6横向、下拉级联代码,鼠标放在主菜单对应菜单项上,会向下展开二级菜单,二级菜单会继续展开第三级的子菜单,菜单没有过多的美化,如果你要使用的话,可以自己继续美化吧。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tran[详细]
-
一款普通的Tab网页选项卡切换,js+css代码
所属栏目:[创业] 日期:2018-09-16 热度:111
一款普通的Tab网页选项卡切换,js+css代码。也可以叫做标签式导航栏,点击后更换对应的内容,而并非是鼠标滑过就改变内容,网页上经常见到的一种导航形式。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xht[详细]
-
JS多级横向联动选择菜单,模拟淘宝级联效果
所属栏目:[创业] 日期:2018-09-16 热度:116
JS多级横向联动选择菜单,模拟淘宝级联效果,这款菜单是模拟淘宝网的,是很早时候的淘宝网,现在已经没有了,本款菜单可以像级联菜单那样一级一级的选择数据,最后确定出数据。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:[详细]
-
黑色大气的网站顶部导航菜单,来自IBM官网
所属栏目:[创业] 日期:2018-09-16 热度:166
黑色大气的网站顶部导航菜单,这款代码是从IBM中文官方网站扣下来的,怎么说呢?!大公司设计出来的东西就是大气,但是老外的设计手法跟国人有些许不同,根据大家的需要自己参考吧,直接使用的可能性不是太大,需要你有一定的HTML知识哦! 示例: !DOCTYPE[详细]

浙公网安备 33038102330483号