01 Html
passport_daizi
这个作者很懒,什么都没留下…
展开
-
Iframe 父页面与子页面相互js调用实现
tag:ifame 子页面 调用 父页面 ,父页面 子页面index.jsp<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()原创 2015-11-02 11:11:36 · 1019 阅读 · 1 评论 -
js 验证身份证号码
网上的资料东一块,西一块。总结一下。 身份证测试 function isIdCardNo() { var tex = document.getElementById('identityid'); var num = document.getElementById('identityid').value; //alert("您输入的原创 2012-08-17 09:23:45 · 7509 阅读 · 2 评论 -
css 修饰table
Css 表格(table) /* CSS Document */ body { font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; background: #E6EAE9; } a { color: #c75f3原创 2012-07-31 17:24:34 · 2863 阅读 · 0 评论 -
用dtree实现树形菜单
准备工作:请从dtree官网http://www.destroydrop.com/javascripts/tree/下载dtree.zip文件dtree.zip压缩包介绍:dtree是一个由JavaScript编写成的简单的树形菜单组件,目前免费并且开源。目前有很多的树形菜单组件(比如ext),dtree是一种简单易懂的js组件,不需要复杂的操作即可生产,同时支持动态从数据库引转载 2012-08-14 12:53:28 · 7842 阅读 · 2 评论 -
html树形菜单控件
jQuery plugin: Treeview这个插件能够把无序列表转换成可展开与收缩的Tree。 主页:http://bassistance.de/jquery-plugins/jquery-plugin-treeview/下载:http://jquery.bassistance.de/treeview/jquery.treeview.zip示例:http://j转载 2012-08-08 10:21:31 · 82844 阅读 · 3 评论 -
HTML常用代码大全
1.控制横向和纵向滚动条的是否显示? 去掉x轴 去掉y轴不显示滚动条-----------------------------------------------------------------------------2.表格变色代码 ------------------------------------------------------------------转载 2012-03-30 21:30:25 · 16271 阅读 · 0 评论 -
纵向选项卡特效
图示:代码:漂亮的纵向选项卡菜单-网页特效代码-鸿新网—分享不一样的网络资源、让您不再为找资源而烦恼!td,a,body{font-size:9pt;}.DivAround_focus{cursor:pointer;background-color:#A1ACDB;border-right:solid 1px #A1ACDB;border-b转载 2012-03-30 21:24:34 · 3899 阅读 · 0 评论 -
兼容火狐、谷歌等主流浏览器的万年历
图示:代码:兼容火狐、谷歌等主流浏览器的万年历-鸿新网—分享不一样的网络资源、让您不再为找资源而烦恼!.aorange { font-size: 20px; color: #ff5f07; font-family: "黑体",serif; font-weight: bold;}.agreen { font-size: 20px转载 2012-03-30 20:53:35 · 2208 阅读 · 0 评论 -
日历HTML代码
参考图片:十分漂亮实用的月历-时间日期类特效-网页特效代码-鸿新网—分享不一样的网络资源、让您不再为找资源而烦恼!//存放每个月天数的数组function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11){this[0] = m0;this[1] = m1;this[2] = m2;this转载 2012-03-30 20:41:09 · 17778 阅读 · 1 评论 -
网页自动跳转代码
一:网页自动跳转代码 网页自动跳转代码-----------------------------------------------------------------------------------html网页自动跳转代码,content后面的数字是秒数,0表示立即跳转,比如您想5秒后跳转到新页面,请修改原创 2011-12-17 11:17:33 · 5014 阅读 · 1 评论 -
wztooltip - 鼠标移动到某标签显示内容(支持html)
类似 html 的title标签效果 优点: 鼠标不移开标签,提示一直存在,不消失。支持大数据量提示,支持HTML代码。 使用方法: 下载wztooltip的三个js文件,下载地址:http://www.oschina.net/code/snippet_12_4175 把下载的3个js放到项目中。在页面中引用js:注意:必须把引用的代码放到标签内。/原创 2013-01-19 17:22:43 · 3928 阅读 · 0 评论 -
html select css美化
html: ---请选择-- 男 女 css: .shortselect{ background:#fafdfe; height:28px; width:180px; line-height:28原创 2013-09-25 17:18:00 · 16737 阅读 · 1 评论 -
点击文字选中checkbox
查看实例:test第一种:文字必须是label标签内,checkbox的id和标签内的for=""中的名字必须相同.姓名密码第二种:把文字和checkbox包含在标签内测试原创 2015-10-12 11:29:54 · 18366 阅读 · 3 评论 -
免费使用公共CDN静态库加速
本文转自:http://www.xcode.me/code/baidu-360-sina-public-cdn在web开发中我们经常引用第三方框架,几乎所有的网页都使用CSS和JavaScrip引用,这些资源我们称为静态资源,引用静态资源的方式主要有公共库和私有库两种,虽然可通过官方指定的地址引用公共库,但由于很多知名的公共库都在国外,所以导致加载速度变慢,比如:jQuery的公共库就在国转载 2015-07-31 14:14:15 · 3797 阅读 · 0 评论 -
下拉菜单select友情链接自动跳转做法
转载自:http://www.bhcode.net/article/20100803/12676.html当页,直接跳转: Java代码 BHCODE 素材网 特效网 新页面,直接打开: BHCODE 素材网 特效网转载 2015-06-29 12:32:28 · 5835 阅读 · 1 评论 -
HighCharts HelloWorld
1:下载HighCharts 地址:http://www.hcharts.cn/index.php原创 2014-11-07 14:53:08 · 751 阅读 · 0 评论 -
按Enter键调用登录按钮
2.2 按Enter键调用登录按钮【实例描述】为了方便用户操作,在登录邮箱或论坛时,如果用户输入了用户名和密码,按Enter键时,都会自动调用登录按钮。本例学习如何实现此功能。【实现代码】html xmlns="http://www.w3.org/1999/xhtml" > head> title>Check Scoretitle> script language="转载 2014-04-10 10:51:02 · 7672 阅读 · 1 评论 -
js 控制div 隐藏与显示
js显示隐藏层<!--function showdiv(targetid,objN){ var target=document.getElementById(targetid); var clicktext=document.getElementById(objN) if (target.style.display=="block"转载 2014-01-22 10:39:30 · 1604 阅读 · 0 评论 -
My97 DatePicker日期时间控件的配置使用方式
1:在项目中加入my97 支持包。 金山网盘 - 三方资源 - DatePicker.rar 2:在用到的页面中引用js 3:在页面中的文本框或者其他 详细用法参考:http://hongtaq.iteye.com/blog/1498057原创 2013-09-26 09:38:28 · 3192 阅读 · 0 评论 -
网页背景色渐变效果
背景色渐变:参数说明:GradientType为渐变类型,0为上下渐变,1为左右渐变StartColorStr为开始颜色EndColorStr为结束颜色背景色透明:<body style="FILTER: progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=25,finishOpacity=100,startX转载 2012-03-30 21:38:45 · 11309 阅读 · 1 评论 -
简洁,漂亮实用的万年历
图示:代码:漂亮实用的万年历-鸿新网—分享不一样的网络资源、让您不再为找资源而烦恼!body,td,.p1,.p2,.i{font-family:arial;}body{margin:6px 0 0 0;background-color:#fff;color:#000;}table{border:0;}a:link {color: #25720转载 2012-03-30 20:55:32 · 1669 阅读 · 0 评论 -
HTML 后退、刷新、前进按钮
HTML code:原创 2012-02-26 17:08:12 · 5186 阅读 · 0 评论 -
HTML中select标签如何添加子项的标题
效果如下图所示:在下拉列表中添加对应的标题HTML Code:告诉你一个超级实用的select标签(Optgroup)_网页代码站(www.6a8a.com) ASP PHP Ajax VB VC C# Delphi原创 2012-02-26 16:52:25 · 10356 阅读 · 0 评论 -
注重结构、语义、用户体验的Tab选项卡
效果如下图所示:HTML code:注重语义、结构、用户体验的Tab选项卡* {margin:0; padding:0;}body {background:#FFF; color:#333;}a {color:#333; text-decoration:none;}a:hover {text-decoration:underline;}u转载 2012-02-26 17:21:53 · 7937 阅读 · 0 评论 -
鼠标经过Tabel的tr tr的背景色变换
function fmove(){ var e=event.srcElement; if(e.tagName=="TD"){ e.parentNode.style.backgroundColor="red"; } } function fout(){ var e=even转载 2012-02-16 13:15:36 · 1376 阅读 · 0 评论 -
input text 文本框的样式 字体样式设置 按钮的样式
原创 2012-02-11 10:36:31 · 30808 阅读 · 1 评论 -
使用div + css 实现Panel效果
CSS定位一个栏目带标题的<!--外面的框子为:宽度,高度,边框 实线/虚线 颜色,margin,padding.里面的水平线:高度,字体大小,背景色,字行距,左右行距,margin,padding# 为 id. 为 class这里是类的派生. 被conter 层包围的 hr 标签.-->.conter{width:190px;height:200px;bor转载 2012-02-09 18:13:19 · 10054 阅读 · 0 评论 -
如何用在自己的网页中嵌入腾讯视频网页播放器播放一些文件
在需要调用视频的地方写上如下代码。src="http://static.video.qq.com/TencentPlayer.swf?_v=20110829" quality="high" name="_playerswf" id="_playerswf" bgcolor="#000000" width="650" height="488" align="middle" allowsc原创 2011-12-29 20:40:14 · 30367 阅读 · 1 评论 -
常用网页播放器代码
常用网页播放器代码我们在网页上看到的播放器无外乎WMP/RealOne/Macromedia Flash Player,其他的无非是面板不同,或者添加了其他控件,对于计算机上安装的一些播放器也都是编码和解码器的整合,其最核心的编码和解码技术是相同的。例如:网络上最流行的windows media流(asf,wma,wmv格式...),Real流(rm,rmvb...),还有MPEG系列编码格式转载 2011-12-29 20:16:32 · 1941 阅读 · 0 评论 -
代码经过精简后的仿QQ折叠菜单-滑动门选项卡
效果如下图所示:HTML code:SlideView 滑动展示效果.sv3 dl, .sv3 dt, .sv3 dd{ padding:0; margin:0; }.sv3 {width:240px;border:1px solid #BFC7D9;}.sv3 dl {width:240px;height:380px;backgro转载 2012-02-26 17:28:23 · 2139 阅读 · 0 评论 -
返回到网页中的某个位置
利用超链接的锚点的链接实现。当一个网页的主题或文字较多时,可以在网页内建立多个标记点,将超链接指定到这些标记点上,能够使浏览者快速找到要阅读的内容。我们将这些标记点称为锚点(Anchor)。列子:这是第一个标记点....这是第二个标记点....这是第三个标记点....点击此链接返回到第一个描点处原创 2012-02-19 10:31:10 · 1057 阅读 · 0 评论 -
HTML中的一个不常用单非常实用的标签<fieldset>
效果如图示:即把网页中的内容圈起来。加个标题。常用在把网页内容分域。HTML Code:一个不常用,但非常实用的标签(fieldset)_网页代码站(www.6a8a.com)基本信息姓名: 性别:原创 2012-02-26 16:44:42 · 942 阅读 · 0 评论 -
可任意改变背景颜色的万年历
图示:???-??????<!--/***************************************************************************** ************************************************************转载 2012-03-30 20:51:12 · 2190 阅读 · 0 评论 -
HTML 非常漂亮的鼠标移动 时钟效果
实例图:代码:<!--dCol='0000FF';//date colour.fCol='0000FF';//face colour.sCol='0000FF';//seconds colour.mCol='0000FF';//minutes colour.hCol='0000FF';//hours colour.ClockHeight=40;Cloc原创 2012-03-30 20:48:07 · 1939 阅读 · 0 评论 -
HTML关闭当前网页
代码一:无提示关闭窗口-鼠标特效代码-网页特效代码-鸿新网—分享不一样的网络资源、让您不再为找资源而烦恼!function shut(){ window.opener=null; window.open('','_self'); window.close();}代码2:双击鼠标即可实现复制内容-鼠标特效代码-转载 2012-03-30 20:45:39 · 25397 阅读 · 0 评论 -
CSS美化的漂亮搜索框
效果如下图所示:CSS美化的漂亮搜索框<!--.search{ padding-right:10px; padding-left:10px; padding-top:5px; padding-bottom:5px; width: 280px; background:#1A93CC; float:left; position:relative转载 2012-02-28 16:19:02 · 2817 阅读 · 0 评论 -
CSS美化的漂亮搜索框(二)
效果如下图所示:HTML Code: CSS美化的漂亮搜索框 body{ font: normal 100% 'Arial','Helvetica','Verdana',sans-serif; color: #333; } p { padding: 12px 0; margin: 0; font-size: .8em; l转载 2012-02-28 16:39:23 · 9568 阅读 · 0 评论 -
几种网页的弹出层的实现(转)
参照效果如下图所示:HTML Code:1:最简单的弹出最简单的弹出层:前端思考*{margin:0;padding:0px;}body{padding:30px;}#show{width:300px;height:200px;display:none;padding:1px;position:relative;b转载 2012-02-28 13:59:20 · 901 阅读 · 0 评论 -
各种功能的选项卡切换
效果如下图所示:HTML code:myFocus-tab 各种功能的选项卡切换* { margin:0; padding:0; border:0; list-style:none; }body { background:#fff; padding:20px; font:1em Verdana, Geneva, sans-serif; }.box { fl转载 2012-02-26 17:19:15 · 837 阅读 · 0 评论 -
返回顶部效果
效果如下图所示:HTML code:仿新浪网“返回顶部”效果.backToTop { display: none; width: 18px; line-height: 1.2; padding: 5px 0; background-color: #000; color: #fff; font-size: 12px; text-al原创 2012-02-26 17:01:43 · 945 阅读 · 0 评论