html
xlhu618
xlhu
展开
-
css 文本两端对齐
在做表单时我们经常遇到让上下两个字段对齐的情况,比如姓名, 手机号码, 出生地。这样我们就要用到 text-align, text-justify样式了。text-align直接设为justify就行了,text-justify的情况相对比较复杂IE的取值如下:auto :允许浏览器用户代理确定使用的两端对齐法则inter-word :通过增加字之间的空格对齐文本。该行为是对齐所有原创 2013-09-22 09:48:38 · 1406 阅读 · 0 评论 -
HTML5无限加载的瀑布流 边框圆角阴影
又一款网页瀑布流效果,可以实现图片的无限制加载。基于时下流行的HTML5技术编写而成,演示页面中一共调用了7张图片,为了演示方便,这里让其随滚动条的滚动自动循环显示,这样大家更能清楚的看明白瀑布流的效果。除了实现瀑布流,还加入了CSS5的图片修饰效果,比如图片的圆角边框、图片阴影立体效果等,是学习瀑布流的好素材 。jQuery无限加载瀑布流/* 标签重定义 */body{padd转载 2014-03-07 09:54:56 · 1308 阅读 · 0 评论 -
很大气的滑动门图片特效
很大气美观的滑动门图片特效,右侧显示标题,鼠标滑上去左侧的大图片就切换,可为图片增加描述和标题介绍,支持Alt标签和title标签,示例中可能去掉了这些,若需要的话自己再添加上去。本图片的流畅平滑效果要归功于jquery,欢迎学习前端图片特效的参阅代码。响应式图片切换jQuery选项卡html,body,div,img,q,dl,dt,dd,ol,ul,li{margin:0;paddi转载 2014-03-07 09:51:50 · 1176 阅读 · 0 评论 -
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
本源代码收集了一些常用的网页图片滚动,无缝滚动,效果很平滑,包括上下左右四个方向的滚动,或许你现在用不上这些代码,不过先收藏起来以备后用哦。向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)- www.codefans.netvar speed=30;var colee2=document.getElementById("colee2");va转载 2014-03-07 09:47:54 · 698 阅读 · 0 评论 -
百度校园 频道的JS焦点图代码 带缩略图
百度校园 频道的JS焦点图代码 带缩略图,鼠标只需放在缩略图上就可以切换大图片,上面显示大图片,下面显示缩略图,是一种比较经典的图片切换特效,来自百度官方的图片特效,基于jquery1.6.2插件,期待前端开发者一同参考研究。百度校园jQuery焦点图html, form, h1, h2, h3, h4, h5, h6, p{margin:0; padding:0;}body {转载 2014-03-07 09:45:51 · 777 阅读 · 0 评论 -
jQuery炫酷翻页图片相册
使用jquery实现的图片前后切换特效,类似翻页的效果,在此要注意,选用jquery-1.9.1.min.js以上版本才可以,兼容的浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。jQuery炫酷翻页图片相册body{ overflow:hidden;}a{ text-decoration:none; color:#FFF;}原创 2014-03-07 09:44:19 · 802 阅读 · 0 评论 -
jquery固定表头不滚动让内容滚动的代码实现
使用jquery的表格特效,控制表格的表头固定而不滚动,当用户拖动表格滚动条的时候,表格的每行内容是滚动的,表头并不会滚动,这样可始终让表格的表头与内容相对应,方便查看表格中的内容,对一个表格来说,我想这样的效果是非常实用哦。jQuery固定表头表格滚动数据效果@charset "UTF-8";body{font-family: '微软雅黑',Arial,sans-serif转载 2013-12-02 10:45:36 · 1647 阅读 · 0 评论 -
jQuery+css3网页时钟效果
css3网页时钟,圆形的电子钟表信息,基于HTML5技术,IE下不能正常运行,有些内容是使用图片实现的,有兴趣的参考下吧。jQuery+css3网页时钟效果*{margin: 0;padding: 0;}body{background: #f9f9f9;color: #000;font: 15px Calibri, Arial, sans-serif;text-shad转载 2013-12-02 10:44:00 · 695 阅读 · 0 评论 -
DOM跑马灯文字效果
DOM对象实现的标题栏跑马灯文字滚动效果,这里是取自title标签内的文字来实现跑马灯效果,只是为了演示Dom对象的用法。在示例中,可控制文字向左滚动、向右滚动,为了便于理解,代码中已给出完整的注释,相信是研究DOM操作的一个好例子。Dom跑马灯效果var timeId = "";//默认跑马灯效果function run() { var title = document.ti转载 2013-11-19 14:15:19 · 871 阅读 · 0 评论 -
动态下拉框
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>JS动态下拉列表* {margin:0; padding:0}body {font:12px/20px "Consolas", "Microsoft YaHei"; color:#333;backgroun转载 2013-11-19 14:16:27 · 751 阅读 · 0 评论 -
CSS3带阴影效果三级下拉菜单代码 酷黑颜色很漂亮
基于CSS3技术实现的多级下拉导航菜单,文字上还有阴影效果,有立体感。示例代码是三级菜单,还可扩展成四级、五级,懂CSs3的可轻松扩展这款菜单,同时本菜单也会想学习CSS3的朋友提供一个菜单制作素材。本菜单的黑色风格很酷,很漂亮,希望大家喜欢。CSS3多级下拉导航菜单#nav { float: left; font: bold 12px Arial, Helvetic转载 2013-11-18 16:41:25 · 2083 阅读 · 0 评论 -
JavaScript漂浮广告代码,很不错,代码精简,不过一次只有漂一个,复制就能用了
JavaScript漂浮广告代码,很不错,代码精简,不过一次只有漂一个,复制就能用了。希望朋友喜欢。漂浮广告 var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 10 var obj=document.getElementById("codefans_net") functio转载 2013-11-18 16:34:16 · 1172 阅读 · 0 评论 -
漂浮广告的JS代码(经典)
Js漂浮广告代码,比较经典的浮动广告,到现还很实用,如果你是一位站长的话,这种代码是必备的,希望对你有用处。漂浮广告<DIV id=img1 style="Z-INDEX: 100; LEFT: 2px; WIDTH: 59px; POSITION: absolute; TOP: 43px; HEIGHT: 61px; visibility: visible;">va转载 2013-11-19 10:25:32 · 1692 阅读 · 0 评论 -
在网页指定区域显示自定义的右键菜单
这是一个jquery实现的网页右键菜单效果,与其它自定义的右键菜单不同之处在于,本菜单只在指定区域内才有效,若超出指定区域的话,点击右键后显示的仍是浏览器的右键菜单。运行效果后,请在橘色区域内点击鼠标右键,会弹出一个带图标的自定义右键菜单,和浏览器的右键菜单完全不一样哦!jQuery自定义区域的鼠标右键菜单#mask{position: absolute;left: 0;top:转载 2013-11-19 09:50:22 · 1353 阅读 · 0 评论 -
input只能输入数字,对数字进行判断,且修复IE下无法使用光标,无法中间输入的问题
js代码:/* 定位光标 */ function setCursorPos(obj,pos) { var rng =obj.createTextRange(); rng.moveStart('character',pos); rng.collapse(true); rng.select(); } /*原创 2013-11-18 11:25:00 · 1199 阅读 · 0 评论 -
http、ftp错误代码集合
HTTP 1xx-信息提示这些状态代码表示临时的响应。客户端在收到常规响应之前,应准备接收一个或多个1xx响应。100-继续。101-切换协议。2xx-成功这类状态代码表明服务器成功地接受了客户端请求。200-确定。客户端请求已成功。 201-已创建。 202-已接受。 203-非权威性信息。 204-无内容。 205-重置内容。 206-部分内原创 2013-10-25 09:32:25 · 1521 阅读 · 0 评论 -
页面倒计时
//秒杀倒计时 String sDt = "05/27/2013 21:00:00"; SimpleDateFormat sdf= new SimpleDateFormat("MM/dd/yyyy HH:mm:ss"); Date dt2 = sdf.parse(sDt); long beginTime = dt2.getTime();%>原创 2013-09-22 09:57:04 · 610 阅读 · 0 评论 -
js登录弹出层 登录框特效
js登录弹出层 登录框特效body{background-color: #fff;}html, body{height: 100%;}html body{font: 12px Arial, Helvetica, sans-serif;color: #333333}html>body{font: 12px Arial, Helvetica, sans-serif;color: #333转载 2014-03-07 10:10:30 · 1624 阅读 · 0 评论