如题,要设它们的高度为0,不是一件容易的事,可看过这篇文章之后,就是灰常容易的事。

我们必须要设的东西有:

height:0px;
font-size:0px;
line-height:0px;

然后就可以搞定啦。有时候或许还需要在标签里面加注释

<li><!–noHeight–></li>

 

通常我们把ul和li的margin和padding都设为0,宽高度都正常,可在IE6、7里,那li就是有间距

此时,要消去间距,我们可以在每个li里面设 vertical-align: bottom; 灰常有效。

 

很多时候,在填写完资料、帐号、密码等之后,用户习惯性地会按Enter(回车键)表示完成。

为了做好用户体验,我们必须在此监听这一动作。

具体逻辑是,在前面的input标签里监听onkeydown事件,当用户输入完之后,按回车键,立马跳到下一个输入框,到最后一个输入框输入完成时,就按回车,focus到提交标签那里。

第一种是:在input标签里面添加onkeydown事件。

<input onkeydown=”jump(下一个input的id)” type=”text” id=”name” />
<input onkeydown=”jump(下一个input的id)” type=”text” id=”pwd” />
<input onkeydown=”jump(下一个input的id)” type=”text” id=”code” />
<input  type=”submit” id=”submit” value=”登录”/>

<script type=”text/javascript”>
function jump(next){
var nextInp = document.getElementById(next);
var event = arguments.callee.caller.arguments[0] || window.event;
if(event.keyCode == 13){//判断是否按了回车,enter的keycode代码是13,想看其他代码请猛戳这里
nextInp.focus();
}
}
</script>

第二种是:在js里面添加onkeydown监听事件(监听方法比较多,这里只列举一种)。

这里只列举一个标签的事件,其他代码自己再组织吧。

<input type=”text” id=”code” />
<input type=”submit” id=”btnS” value=”登录”/>
<script type=”text/javascript”>
var code= document.getElementById(“code”);
var btnS= document.getElementById(“btnS”);
function jump(event){
var event = event || window.event;//这里的event兼容跟上面不同,关于event的兼容,请猛戳这里
if(event.keyCode == 13){
btnS.focus();
}
}
code.onkeydown=jump;
</script>

 

网上搜了很多回来,跟大家分享一下。有些是IE特有的,有些是FF特有的。

如:alert(event.altKey)

Abstract.
altKey 设置或获取 Alt 键的状态。
altLeft 设置或获取左 Alt 键的状态。
attrName.
attrChange.
Banner 使用 event 对象获取高级流重定向器(ASX)文件中项目的 Banner 内容。
bubbles 返回布尔值,指示事件是否是起泡事件类型。
button 设置或获取用户所按的鼠标按钮。
cancelable 返回布尔值,指示事件是否可拥可取消的默认动作。
cancelBubble 设置或获取当前事件是否要在事件句柄中向上冒泡。
clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。
clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标,其中客户区域不包括窗口自身的控件和滚动条。
contentOverflow 获取表明文档处理当前 LayoutRect 对象后是否包含附加的内容。
ctrlKey 设置或获取 Ctrl 键的状态。
ctrlLeft 设置或获取左 Ctrl 键的状态。
currentTarget 返回其事件监听器触发该事件的元素。
dataFld 设置或获取 oncellchange 事件影响的数据列。
detail.
eval.eval.
eventPhase 返回事件传播的当前阶段。
fromElement 设置或获取事件发生时激活或鼠标将要离开的对象。
hasOwnProperty.
initEvent.
initMutationEvent.
initUIEvent.
isPrototypeOf.
keyCode 设置或获取与导致事件的按键关联的 Unicode 按键代码(下面附有详细代码)。
layerX.
layerY.
MoreInfo 通过 event 对象获取高级流重定向器(ASX)文件中项目横幅的 MoreInfo 内容。
newValue.
nextPage 获取打印模板中下页的位置。
offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。
offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。
pageX.
pageY.
preventDefault.
prevValue.
prototype.
propertyIsEnumerable.
propertyName 设置或获取对象上发生更改的属性名称。
qualifier 设置或获取由数据源对象提供的数据成员的名称。
reason 设置或获取数据源对象的数据传输结果。
recordset 从数据源对象设置或获取对默认数据集的引用。
repeat 获取 onkeydown 事件是否正在重复。
relatedNode.
relatedTarget 返回与事件的目标节点相关的节点。
returnValue 设置或获取事件的返回值。
saveType 当 oncontentsave 触发时获取剪贴板类型。
screenX 设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标。
screenY 设置或获取鼠标指针位置相对于用户屏幕的 y 坐标。
shiftKey 设置或获取 Shift 键的状态。
shiftLeft 设置或获取左 Shift 键的状态。
srcElement 设置或获取触发事件的对象。
srcFilter 设置或获取触发 onfilterchange 事件的滤镜对象。
srcUrn 获取触发事件的行为的统一资源名称(URN)。
stopPropagation.
target 返回触发此事件的元素(事件的目标节点)。
timeStamp 返回事件生成的日期和时间。
toElement 设置或获取用户要将鼠标指针移动指向的对象的引用。
toLocaleString.
type 从 event 对象中获取事件名称。
unwatch.
userName.
valueOf.
view.
watch
wheelDelta 设置或获取滚轮按钮滚动的距离和方向。
x 设置或获取鼠标指针位置相对于父文档的 x 像素坐标。
y 设置或获取鼠标指针位置相对于父文档的 y 像素坐标。

keycode代码

 

  • keycode     8 = BackSpace BackSpace
  • keycode     9 = Tab Tab
  • keycode    12 = Clear
  • keycode    13 = Enter
  • keycode    16 = Shift_L
  • keycode    17 = Control_L
  • keycode    18 = Alt_L
  • keycode    19 = Pause
  • keycode    20 = Caps_Lock
  • keycode    27 = Escape Escape
  • keycode    32 = space space
  • keycode    33 = Prior
  • keycode    34 = Next
  • keycode    35 = End
  • keycode    36 = Home
  • keycode    37 = Left
  • keycode    38 = Up
  • keycode    39 = Right
  • keycode    40 = Down
  • keycode    41 = Select
  • keycode    42 = Print
  • keycode    43 = Execute
  • keycode    45 = Insert
  • keycode    46 = Delete
  • keycode    47 = Help
  • keycode    48 = 0 equal braceright
  • keycode    49 = 1 exclam onesuperior
  • keycode    50 = 2 quotedbl twosuperior
  • keycode    51 = 3 section threesuperior
  • keycode    52 = 4 dollar
  • keycode    553 = 5 percent
  • keycode    54 = 6 ampersand
  • keycode    55 = 7 slash braceleft
  • keycode    56 = 8 parenleft bracketleft
  • keycode    57 = 9 parenright bracketright
  • keycode    65 = a A
  • keycode    66 = b B
  • keycode    67 = c C
  • keycode    68 = d D
  • keycode    69 = e E EuroSign
  • keycode    70 = f F
  • keycode    71 = g G
  • keycode    72 = h H
  • keycode    73 = i I
  • keycode    74 = j J
  • keycode    75 = k K
  • keycode    76 = l L
  • keycode    77 = m M mu
  • keycode    78 = n N
  • keycode    79 = o O
  • keycode    80 = p P
  • keycode    81 = q Q at
  • keycode    82 = r R
  • keycode    83 = s S
  • keycode    84 = t T
  • keycode    85 = u U
  • keycode    86 = v V
  • keycode    87 = w W
  • keycode    88 = x X
  • keycode    89 = y Y
  • keycode    90 = z Z
  • keycode    96 = KP_0 KP_0
  • keycode    97 = KP_1 KP_1
  • keycode    98 = KP_2 KP_2
  • keycode    99 = KP_3 KP_3
  • keycode 100 = KP_4 KP_4
  • keycode 101 = KP_5 KP_5
  • keycode 102 = KP_6 KP_6
  • keycode 103 = KP_7 KP_7
  • keycode 104 = KP_8 KP_8
  • keycode 105 = KP_9 KP_9
  • keycode 106 = KP_Multiply KP_Multiply
  • keycode 107 = KP_Add KP_Add
  • keycode 108 = KP_Separator KP_Separator
  • keycode 109 = KP_Subtract KP_Subtract
  • keycode 110 = KP_Decimal KP_Decimal
  • keycode 111 = KP_Divide KP_Divide
  • keycode 112 = F1
  • keycode 113 = F2
  • keycode 114 = F3
  • keycode 115 = F4
  • keycode 116 = F5
  • keycode 117 = F6
  • keycode 118 = F7
  • keycode 119 = F8
  • keycode 120 = F9
  • keycode 121 = F10
  • keycode 122 = F11
  • keycode 123 = F12
  • keycode 124 = F13
  • keycode 125 = F14
  • keycode 126 = F15
  • keycode 127 = F16
  • keycode 128 = F17
  • keycode 129 = F18
  • keycode 130 = F19
  • keycode 131 = F20
  • keycode 132 = F21
  • keycode 133 = F22
  • keycode 134 = F23
  • keycode 135 = F24
  • keycode 136 = Num_Lock
  • keycode 137 = Scroll_Lock
  • keycode 187 = acute grave
  • keycode 188 = comma semicolon
  • keycode 189 = minus underscore
  • keycode 190 = period colon
  • keycode 192 = numbersign apostrophe
  • keycode 210 = plusminus hyphen macron
  • keycode 211 =
  • keycode 212 = copyright registered
  • keycode 213 = guillemotleft guillemotright
  • keycode 214 = masculine ordfeminine
  • keycode 215 = ae AE
  • keycode 216 = cent yen
  • keycode 217 = questiondown exclamdown
  • keycode 218 = onequarter onehalf threequarters
  • keycode 220 = less greater bar
  • keycode 221 = plus asterisk asciitilde
  • keycode 227 = multiply division
  • keycode 228 = acircumflex Acircumflex
  • keycode 229 = ecircumflex Ecircumflex
  • keycode 230 = icircumflex Icircumflex
  • keycode 231 = ocircumflex Ocircumflex
  • keycode 232 = ucircumflex Ucircumflex
  • keycode 233 = ntilde Ntilde
  • keycode 234 = yacute Yacute
  • keycode 235 = oslash Ooblique
  • keycode 236 = aring Aring
  • keycode 237 = ccedilla Ccedilla
  • keycode 238 = thorn THORN
  • keycode 239 = eth ETH
  • keycode 240 = diaeresis cedilla currency
  • keycode 241 = agrave Agrave atilde Atilde
  • keycode 242 = egrave Egrave
  • keycode 243 = igrave Igrave
  • keycode 244 = ograve Ograve otilde Otilde
  • keycode 245 = ugrave Ugrave
  • keycode 246 = adiaeresis Adiaeresis
  • keycode 247 = ediaeresis Ediaeresis
  • keycode 248 = idiaeresis Idiaeresis
  • keycode 249 = odiaeresis Odiaeresis
  • keycode 250 = udiaeresis Udiaeresis
  • keycode 251 = ssharp question backslash
  • keycode 252 = asciicircum degree
  • keycode 253 = 3 sterling
  • keycode 254 = Mode_switch
 

第一种:在html元素中直接加入on事件

function demo1(){//在元素中直接加入on事件,不能直接取得event,应此必须用arguments.callee.caller.arguments[0]才能够取得FF里面的event对象;
var event=arguments.callee.caller.arguments[0]||window.event;//消除浏览器差异
var e=event.srcElement||event.target;//IE支持srcElement,FF支持target 获取当前触发事件的元素
     alert(“我是”+e.tagName+”标签”);
 
}

第二种:在js里用事件监听,可以加入参数以直接获取事件

function demo2(event){
var event=event||window.event;
var e=event.srcElement||event.target;
  alert(“我是”+e.tagName+”标签”);
}
function load(){
document.getElementByIdx(“demo2″).onclick=demo2;
}

 

网上搜了一下,个人再总结一下。

id是有含义的,一般用于区分结构和内容,有特定的意义。而class就只有一个外壳,就像一件衣服,披到谁身上都是一个样,没有像id拥有的意义。虽然很多时候用class比id方便,但是还是得按标准语义来。

id和class等选择器是有权重之分的,就像:important的权重是1000,id的权重是100,class的权重是10,标签选择器就是1 ……

id与class的使用技巧:

1、一般大结构、特殊身份的,就用id,比如:头部、尾部、导航、边栏、主体内容等。

2、重用性强的用class,或者可以总结成一份reset.css,这里是笔者自己目前最新的reset.css

3、一般按级别是id包含class,仅仅一般,特殊时候特殊处理。

4、命名时子级id或类包含父级id或class(全称或缩写)作为开头,这样级别就分明了。

id与class命名规则:

页头
header
登录条
loginBar
标志
logo
侧栏
sideBar
主导航 mainNav
导航
nav
子导航
subNav
边导航 sidebar
子菜单
subMenu
菜单
menu
滚动
scroll
页面主体
main
内容
content
标签页
tab
文章列表
list
提示信息
msg
小技巧
tips
栏目标题
title
加入
joinus
指南
guild
服务
service
热点
hot
新闻
news
下载
download
注册
regsiter
状态
status
按钮
btn
投票
vote
合作伙伴
partner
友情链接
friendLink
页脚
footer
版权
copyRight
商标 label
外套 wrap 整个页面 content 标题
title
广告
Banner 搜索 search 左导航
leftsideBar
标语 Banner 菜单内容 menu1Content
右导航
rightsideBar
菜单容量 menuContainer 边导航图标 sidebarIcon 注释 note
面包屑 breadCrumb 容器 container 内容 content
登陆 login 功能区 shop 当前的 current
注册 logon 关注  follow

 

 

不能仅仅受制于微软官方的应用商店,我们也要越狱!今天就带给大家一款简单的小工具来一键越狱Win8,还附送超漂亮Metro播放器哦!

Win8一键越狱详细教程,安装第三方应用就这么简单【附上一款超漂亮Metro播放器】图片1

我们 这里只需要借助一款绿色小软件就可以啦~只需轻轻一点就成。打开Win8优化大师。

Win8一键越狱详细教程,安装第三方应用就这么简单【附上一款超漂亮Metro播放器】图片2

点击Win8一键越狱图标。

Win8一键越狱详细教程,安装第三方应用就这么简单【附上一款超漂亮Metro播放器】图片3

点击立即越狱!越狱技术原理应该是升级Windows LiveID为开发者账号,这样就可以间接的安装第三方应用了!

Win8一键越狱详细教程,安装第三方应用就这么简单【附上一款超漂亮Metro播放器】图片4

点击“我同意”后,就会开始连接许可服务器

Win8一键越狱详细教程,安装第三方应用就这么简单【附上一款超漂亮Metro播放器】图片5

然后弹出Microsoft账户登录界面。输入账号密码即可!

Win8一键越狱详细教程,安装第三方应用就这么简单【附上一款超漂亮Metro播放器】图片6

稍等片刻即可成功升级为开发者的账号了,介于Win8 RTM将在10月底上市,所以这个许可日期为一个月。到期之前还可以继续续订的哦!

Win8一键越狱详细教程,安装第三方应用就这么简单【附上一款超漂亮Metro播放器】图片7

好啦,这样以后就可以随意的安装Win8第三方应用程序了!
接下来,尝试下这款播放器吧,界面漂亮,属于第三方的Metro播放器哦!

安装步骤:解压K-Music后,对那个.ps1文件右键,选择power shell,然后一直按Y,确定。

Win8一键越狱详细教程,安装第三方应用就这么简单【附上一款超漂亮Metro播放器】图片8

Win8一键越狱详细教程,安装第三方应用就这么简单【附上一款超漂亮Metro播放器】图片9

备注:

1.要把音乐文件加到音乐库里哦

2.歌词为.lrc文件,歌词编码要求UTF-8,需要和歌曲同名,放在同一文件夹下

3.点击add按钮添加音乐,可以全选~~~

4.其他内容大家应该都懂的(别忘了可以搜索哦)

  下面是一些软件的界面介绍:

Win8一键越狱详细教程,安装第三方应用就这么简单【附上一款超漂亮Metro播放器】图片10

  好啦~一键Win8越狱简单吧 :)  这款播放器够酷、够漂亮吧!

Win8优化大师 1.0 Beta6 绿色便携版.zip(大小1269k)

K-Music_2.5.0.0.rar(大小763k)

转自:http://softbbs.zol.com.cn/1/20_1054.html

 

将系统装到U盘(或者移动硬盘也可以),随身携带,走到哪插上U盘,一切搞定!还不用担心文件的同步,不用担心个人使用习惯、不用担心安全问题,一切就这么简单!移动办公,这才是王道,什么“云”都弱爆了!

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片1

捣鼓了2天,终于搞定了,不敢独享,特拿来与大家分享下!就拿微软的最新操作系统Win8来做个范例吧!网络上流传的方法很多,这里以最简单的小白看了也可以的方法来举例。(意思就是把U盘当C盘装系统了,带到任何一款机器上都可以启动直接进入Win8,无需任何安装操作)

我们只需要准备一下工具就可以了:
1、Win8 系统镜像
2、Windows To Go辅助软件 多线程优化特别版
(以上文件,篇尾会提供的)

好了,开始吧!首先我们要先提取win8镜像中sources文件夹的install.wim,大家可以用WinRAR来提取简单方便。
然后插上我们的U盘(或者移动硬盘),用系统自带的磁盘管理设置U盘为“活动区”,这一步很重要,不设置的话可能导致U盘启动引导不了系统!右击移动盘符,设为“活动”即可!

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片2

打开Windows To Go辅助软件(win7用户请以“管理员权限运行”),选中刚刚解压的install.wim文件,“选中安装的磁盘”这项,选中自己的U盘或者移动硬盘,这里需要注意的是,存储设备一定要大于20G空间才行!要不然会有提示滴!存储设备还是建议USB3.0规格的吧~

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片3

                                                       一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片4
小于20G会有提示的哦!

都选择好后,点击开始安装吧!全自动,无需手动干预。开始后软件会自动格式化存储器,所以说有什么资料还是提前备份下吧。然后弹出一个CMD的命令行~会有一个进度条和时间预估,大家稍等吧!
强烈建议使用本帖推荐的多线程优化版,这样会减少此步骤的安装时间,3.0设备安装install.wim时间在20分钟左右!请耐心等待,不要关闭命令行窗口!

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片5

等一切都安装好之后,CMD命令行会自动消失,我们关闭软件,重新启动电脑,进入Bios设置启动项下吧~每台电脑的主板都不同,大家可以查看自己主板说明书进行修改。
下面以我这台联想的台式机为例,重启后,点击DEL键进入Bios设置。

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片6


接下来选择Boot Device

 

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片7


1st Boot Device项选择,Removable Dev

 

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片8

 

 

可以进入Removable Dev确认下主板是否能辨识出来!

 

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片9


  好啦~设置完成后,保存退出,重启后就可以看到Win8啦!
第一次启动会稍慢,耐心等待下吧~之后的运行还是非常流畅的,和本地操作无异!

 

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片10

 

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片11

 

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片12

 

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片13

 

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片14

 

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片15

 

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片16

 

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片17

 

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片18

 

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片19

 

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片20

 

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程】图片21

  分析其中原理:
先用diskpart命令来清空磁盘,创建分区,格式化为NTFS格式并设置为活动区!

 

一键安装Win8进U盘,移动办公我看行!【详细安装图文教程及Win8系统下载】图片23


一键安装Win8进U盘,移动办公我看行!【详细安装图文教程及Win8系统下载】图片24


一键安装Win8进U盘,移动办公我看行!【详细安装图文教程及Win8系统下载】图片25

 

然后调用了Windows自动安装工具包(AIK)中的Imagex.exe(用来安装install.wim到指定分区)和Windows8操作系统的电脑中bcdboot.exe(用来设置指定分区的引导)

命令如下:
 imagex.exe /apply install.wim 1 盘符:
此步骤意为安装install.wim到某盘。把盘符两字改为你的移动设备所占盘符字母即可。

bcdboot.exe 盘符:windows /s 盘符: /f ALL
此步骤为写入引导,已启动该设备中的Windows。盘符含义同上。

至此整过程以及原理解释都结束了!非常简单吧!工具下面会提供的,可以缩短安装时间,下面的原理大家看一下了解了解就成了。工具就是方便我们日常使用的,输入这一大堆代码,估计会让很多朋友望而却步了!
如果你也通过我的方法成功了的话,那么就回贴炫一下吧!

相关资源下载:

Windows 8 Release Preview 32位版:
http://xiazai.zol.com.cn/detail/43/425037.shtml

Windows 8 Release Preview 64位版:
http://xiazai.zol.com.cn/detail/43/425097.shtml
Windows To Go辅助软件 多线程优化特别版:
WTOA1_1.rar(大小488k)

wtoa_1210.rar(大小540k)

1.2.1更新:
火速解决因目录带空格导致的无法写入
1.2更新:
1.使用新版imagex,写入速度更快
2. 界面布局更改,缩小窗口
3.增加写入过程中的错误检测
4.增加公告栏

 

转自:http://softbbs.zol.com.cn/2/22_11943.html

© 2012 Hedgehog Suffusion theme by Sayontan Sinha