Archive for 'JavaScript'
昨天的一片运费设置弹出层的文章里面提到了一个鼠标移到地区位置弹出层,所弹出层的位置是固定的,那样很不方便多个位置的弹出层调用,所以那个弹出层不够实用,今天写了个利用JavaScript的offset和CSS中position:absolute来绝对定位的弹出层实例,非常实用的,呵呵,下面是比较粗略的代码,你可以通过修改“鼠标移过来!”文字的样式来任意改变其位置来看效果。
(阅读全文……)

这是昨天做的一个仿淘宝的运费地区选择的弹出层JavaScript效果,由于时间关系,我这儿的弹出层用的是固定位置(一般情况下都是用offset附带css的position:absolute来定位 )。本实例整体功能就当鼠标移上某位置出现弹出窗口,然后可以点击窗口内地区以供地区选择,点击地区后该地区被选择而取代该位置的地区。还是看实例吧,空说无用。这个实例我也尝试了两种方法,先给大家个方法:
(阅读全文……)

前不久因工作需要做了个节点操作的JavaScript效果,网上也有很多更强大的实现增加和删除节点功能的实例。本例只供网友学习交流用,有疑问或者更好的办法可以给我留言。
(阅读全文……)
今天上午简单做了一个树形二级折叠菜单,这个应该是网站开发前端很常用的一个东东,昨天在网上看了,很多功能非常强大,但是代码也是海量,看不懂,所以根据自己的想法写了一个非常简单的JavaScript效果,以供大家学习交流用。
打算把这个最简单的版本定为V1.0,以后打算把这个做得好看,更强大。
(阅读全文……)
复选框的操作在网站后台里面很常用,今天写了个关于复选框的全选和反选操作的JavaScript代码。
主要就是对元素的定位和表单标签的遍历,一个for循环就搞定了,话不多说,上代码:
(阅读全文……)
这个效果也用到了上次动态注册时候用到的一些层的绝对定位的方法,即position:absolute;还有就是对offsetLeft和offsetTop两个属性的灵活运用。另外,这个效果里面比较重要的一点就是使用了z-index这个css属性,来定义层与层之间的优先级。
使用z-index定义之前的效果:

(阅读全文……)
Tagged with JavaScript, 下拉, 单级, 导航.
今天公司在开会的时候谈到业务部门的一个需求,就是把必填项显示出来,然后点击一个选项框来让用户选择是否填写其他的选填信息,然后自己试着弄了一个,供大家参考。
很简单,就是用了一个选项框的里面chicked属性和样式里面的display属性,加上一个条件判断就行。
下面是代码:
(阅读全文……)
刚刚开始研究JavaScript,昨天做了一个比较实用的动态表单验证,主要用到了onfocus何onblur两个事件,还用到了两个HTMLElement 对象的属性。
offsetLeft
返回当前元素的左边界到它的包含元素的左边界的偏移量,以像素为单位。
类型:int 状态:只读
offsetTop
返回当前元素的上边界到它的包含元素的上边界的偏移量,以像素为单位。
类型:int 状态:只读
提示框使用的position:absolute进行绝对定位,以及display:none和display:block来对提示框的显示和隐藏。
以下是效果:
(阅读全文……)
Tagged with JavaScript, 提示, 表单.
有些时候当你不想让别人看到你网站的源代码的时候,你可以这样办:
<html>
<head>
<title>彻底隐藏你HTML网页的源代码 - 爱吾资源博客</title>
<script>
function clear() {
Source=document.body.firstChild.data;
document.open();
document.close();
document.body.innerHTML=Source;
}
</script>
</head>
<body onload=clear()>
<!–
<div align=center>现在已经看不到我的源代码了吧!
<br/>www.25zy.com<br/>
爱吾资源博客</div>
–>
</body>
</html>
当然,这个方法其实只是适用于菜鸟,老鸟就飞过吧。呵呵,对于网络老鸟来说,这段代码是无用的!
Tagged with html, 源代码, 隐藏.
前不久给一个公司做网站建设,他们公司需要一个视频播放的功能,于是我就找了个视频播放的代码。但是发现一个很致命的问题就是,当开打网页的时候,视频就自动下载视频文件开始播放。这样当然不好,因为不是所有人都对该公司的视频感兴趣,因此需要一个控制该视频人为点击播放的效果。所以我通过网上查阅和近来对JavaScript的初级学习,写了个控制播放的代码,希望以后我还能更加的完善一下。
下面就是JavaScript代码,放到<head>与</head>之间:
(阅读全文……)
Tagged with JavaScript, 代码, 视频.