- 浏览: 800344 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (480)
- Spring (12)
- Hibernate (8)
- Struts2 (4)
- Java 基础-JDK-类-接口-URI-专题研究 (27)
- 线程、线程池、多线程高并发高可用、Socket通信 (15)
- Oracle数据库 (20)
- 一般-前端js-html-其它 (25)
- JYSK-互联网金融、金融科技、支付、公司、新闻等等 (8)
- Ajax-jQuery开源框架 (7)
- Json-轻量级的数据交换格式 (14)
- JavaScript (15)
- Jsp、Servlet、Servlet+JSP+JavaBean开发模式(MVC) (18)
- Html-JavaScript-前端-调用接口 (12)
- Sql Server 2005 (6)
- 正则表达式 (2)
- Java tools (18)
- 加签与验签、加密与解密 (3)
- Ajax技术核心-xmlHttpRequest(简称XHR) (6)
- xml-数据交换格式 (3)
- 信息采集 (1)
- Http - Https - HttpClient - httpCore-SSL-TLS (10)
- HtmlParser (2)
- 标签库 (1)
- SMS (2)
- jxl-导入导出 (4)
- poi-导入导出 (2)
- 定时器Timer+Quartz (6)
- 工作流引擎JBPM3.2.3 (4)
- 工作流引擎JBPM4 (0)
- 数据源-JNDI (0)
- tomcat、weblogic等应用服务器 (6)
- 工作流引擎jbpm5 (1)
- 搜索引擎Lucene (1)
- ant (1)
- 大数据-HBase (2)
- bigtable (0)
- 数据库设计 (4)
- jquery tab (0)
- mybatis (5)
- jquery ui 1.10.3 (5)
- Jboss7 (1)
- 规则引擎drools (0)
- 工作流引擎Activiti5 (0)
- 数据库-用户自定义函数 (0)
- 数据库-存储过程 (2)
- 数据库-视图 (0)
- 数据库-触发器 (0)
- 数据库-sql (2)
- highcharts-图表工具 (1)
- sql server 2008 (6)
- 诗词-工作室 (2)
- 数据割接 (1)
- GIS-地理信息系统 (2)
- RS-遥感技术 (1)
- GPS-全球定位系统 (1)
- java整合flex_RIA开发 (3)
- C#编程语言 (5)
- webservice_axis2_cxf_soap_wsdl (2)
- sql语句 (3)
- Flex_WebService_GIS (25)
- PHP编程语言 (0)
- ExtJS4.2 (1)
- Spring mvc (5)
- EasyUI1.4.2 (16)
- 日期时间工具类 (4)
- 随机数 (1)
- Arcgis api for js (0)
- Mysql数据库 (9)
- 移动互联网 java html5/flash socket netty (0)
- API接口 (1)
- AndroidStudio (0)
- Git (2)
- Maven (5)
- IDEA (0)
- 大数据-Hadoop (2)
- JPA (0)
- Spring boot (4)
- JSF (0)
- nginx_lua_module_redis (2)
- Activiti (1)
- bootstrap (1)
- AngularJS (10)
- 数据库-索引 (1)
- Linux及其连接工具SSH (4)
- java日志管理 (2)
- islider滑动控件 (1)
- jquery (1)
- 异常处理Exception (1)
- 秒杀与类秒杀系统 (1)
- 连接数据库、数据库连接池 (4)
- 数据库-临时表 (1)
- 软件设计模式-单例、多例、代理、工厂、观察者 (3)
- 集合框架 (5)
- 人工智能--Artificial intelligence、神经网络算法、机器学习 (1)
- 分布式应用 (1)
- SOA服务-Dubbo框架-Thrift框架 (2)
- Zookeeper分布式服务框架 (2)
- intellij idea (1)
- python编程语言 (0)
- 消息队列_MQ (0)
- 消息队列_RabbitMQ (2)
- 消息队列_ActiveMQ (1)
- 消息队列_Kafka (2)
- 缓存_Redis (4)
- 缓存_Memcache (0)
- 缓存_Ehcache (0)
- ivy-ivyde (1)
- google-protocol buffers (1)
- 正向代理-正向代理服务器 (1)
- 反向代理-反向代理服务器 (1)
- JVM内存模型 (0)
- Thunder框架 (1)
- NIO-非阻塞式IO (0)
- 软件测试、性能测试 (1)
- 序列化、Serializable接口、Externalizable接口 (3)
- 线程池-ExecutorService-ThreadPoolExecutor (1)
- web.xml (1)
- java开发-java工具-实用工具网站 (6)
- 医疗 (1)
- Filter-过滤器 (2)
- Unicode码-双字节字符编码 (1)
- OpenResty (1)
- 计算机网络 (1)
- eclipse_myeclipse_intellij idea (3)
- Enum (1)
- 大数据--Big Data (1)
- 云计算--Cloud computing (1)
- Elastic-Job (1)
- Redis (2)
- 文件流-IO操作 (6)
- 计算机基础知识 (1)
- Hessian-二进制RPC协议 (1)
- String类 (3)
- BigDecimal类 (1)
- java重要接口 (1)
- ReactJS (1)
- 跨域问题 (0)
- Map (1)
- 注解 (1)
- ASCII码-单字节字符编码 (1)
- 微服务、微服务架构 (2)
- RPC协议、RPC服务、RPC框架 (0)
- java反射 (1)
- java项目之classpath (1)
- 经典算法-树 (1)
- listener-监听器 (1)
- Interceptor-拦截器 (1)
- pojo javabean (2)
- 计算机科学与技术-进阶 (1)
- 代码规范与文档编写 (1)
- UML-统一建模语言 (1)
- 对接微信、支付宝 (3)
- 压力测试 (1)
- 办公软件-Excel (1)
- 办公软件-PPT (0)
- UTF8、GBK编码 (1)
- 微服务架构:Spring Cloud架构-Dubbo架构 (6)
- Nginx (1)
- 点滴业务 (1)
- form表单-json数据-转换与接口调用 (1)
- Junit单元测试 (1)
- 大数据-Spark (1)
- 大数据-Storm (1)
- 数据库事务-Spring事务 (0)
- elasticsearch (1)
- windows (1)
最新评论
<body> <style type="text/css"> *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} body{font:12px/180% Arial, Helvetica, sans-serif,"宋体";background:#eee;} /* sliderbox */ .sliderbox{background:url(images/index-bottom.jpg) no-repeat 0 -1px;width:988px;height:200px;overflow:hidden;padding:50px 0 0 0;margin:20px auto;} .arrow-btn{margin:35px 0 0 0;display:inline;background:url(images/arrow-btn.png) no-repeat;width:26px;height:124px;overflow:hidden;cursor:pointer;} #btn-left{float:left;margin-left:12px;background-position:0 0;} #btn-left.dasabled{background-position:0 -124px;} #btn-right{float:right;margin-right:6px;cursor:pointer;background-position:-26px 0;} #btn-right.dasabled{background-position:-26px -124px;} .slider{width:900px;overflow:hidden;position:relative;height:166px;float:left;} .slider ul{position:absolute;left:0px;top:32px;width:1800px;height:140px;list-style:none;} .slider li{float:left;width:150px;height:140px;} .slider a{display:block;text-decoration:none;color:#073a5e;font-size:12px;font-weight:bold;text-align:center;margin-top:24px;} .slider img{width:90px;display:inline-block!important;} </style> <div class="sliderbox"> <!--left btn--> <div id="btn-left" class="arrow-btn dasabled"></div> <!--slider start--> <div class="slider"> <ul> <li><a href="http://www.17sucai.com/" target="_blank"><img src="images/go-launcher-ex.jpg"/></a></li> <li><a href="http://www.17sucai.com/" target="_blank"><img src="images/go-sms.jpg"/></a></li> <li><a href="http://www.17sucai.com/" target="_blank"><img src="images/imgwww20120104173328332830083.png"/></a></li> <li><a href="http://www.17sucai.com/" target="_blank"><img src="images/imgwww20120222114514451461239.jpg"/></a></li> <li><a href="http://www.17sucai.com/" target="_blank"><img src="images/ggbook.jpg"/></a></li> <li><a href="http://www.17sucai.com/" target="_blank"><img src="images/imgwww20120621153035303523388.png"/></a></li> <li><a href="http://www.17sucai.com/" target="_blank"><img src="images/lianxiren.jpg"/></a></li> <li><a href="http://www.17sucai.com/" target="_blank"><img src="images/go-touch.jpg"/></a></li> <li><a href="http://www.17sucai.com/" target="_blank"><img src="images/3g-android-market.jpg"/></a></li> <li><a href="http://www.17sucai.com/" target="_blank"><img src="images/3ggoucai.jpg"/></a></li> </ul> </div> <!--slider end--> <!--right btn--> <div id="btn-right" class="arrow-btn"></div> </div> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> var $slider = $('.slider ul'); var $slider_child_l = $('.slider ul li').length; var $slider_width = $('.slider ul li').width(); $slider.width($slider_child_l * $slider_width); var slider_count = 0; if ($slider_child_l < 6) { $('#btn-right').css({cursor: 'auto'}); $('#btn-right').removeClass("dasabled"); } $('#btn-right').click(function() { if ($slider_child_l < 6 || slider_count >= $slider_child_l - 6) { return false; } slider_count++; $slider.animate({left: '-=' + $slider_width + 'px'}, 'slow'); slider_pic(); }); $('#btn-left').click(function() { if (slider_count <= 0) { return false; } slider_count--; $slider.animate({left: '+=' + $slider_width + 'px'}, 'slow'); slider_pic(); }); function slider_pic() { if (slider_count >= $slider_child_l - 6) { $('#btn-right').css({cursor: 'auto'}); $('#btn-right').addClass("dasabled"); } else if (slider_count > 0 && slider_count <= $slider_child_l - 6) { $('#btn-left').css({cursor: 'pointer'}); $('#btn-left').removeClass("dasabled"); $('#btn-right').css({cursor: 'pointer'}); $('#btn-right').removeClass("dasabled"); } else if (slider_count <= 0) { $('#btn-left').css({cursor: 'auto'}); $('#btn-left').addClass("dasabled"); } } $('.slider a').hover(function() { if ($(this).find('img:animated').length) return; $(this).animate({marginTop: '0px'}, 300); $(this).find('img').animate({width: '150px'}, 300); }, function() { $(this).animate({marginTop: '24px'}, 200); $(this).find('img').animate({width: '90px'}, 200); }); </script> </body>
发表评论
-
URLEncoder 和 URLDecoder
2017-04-25 09:34 407参考博客: -- 类URLEncoder 和 类URLDeco ... -
app接口响应定向跳转页面
2017-01-19 16:40 1172http://127.0.0.1:8888/app/goo ... -
接口返回的主动html
2017-01-19 11:54 2821格式化后: <html> <head ... -
html中的meta
2016-08-19 10:24 4221、一般的meta: <meta charset=& ... -
form表单数据与json数据的转换
2013-08-16 17:42 1984--1、form表单转换为Json数据 https://www ... -
html和css 总结
2013-08-14 11:43 790【引用参考】 --html中的锚点 https://www.c ... -
css border:solid实线,dashed虚线;dotted点状,,double双线
2013-07-17 17:19 3080... -
让网站便于搜索
2013-07-17 09:04 843<head> <meta http-equi ... -
td长度固定,内容过长,超过部分用省略号代替
2013-07-16 14:55 16892<!DOCTYPE html PUBLIC " ... -
超链接<a></a>下划线、链接、活动的、悬停的
2012-08-10 12:58 1018<style type="text/css&q ... -
关于Marguee
2012-07-10 10:45 924http://www.gzsums.edu.cn/webcla ...
相关推荐
js_html_css_jQuery_bootstrapPDF文档基础到框架 包含了html css js jquery booststrap 从简到难,讲解详细,初学者可以看懂,满足很多想学习前端的人群
在网页设计领域,CSS、AJAX 和 jQuery 是三个不可或缺的技术元素,它们共同为现代网页带来了交互性和动态性。本文将详细探讨这些技术及其在网页设计中的应用。 首先,CSS(层叠样式表)是用于控制网页外观和布局的...
综上所述,这个压缩包文件"css_ajax_jquery"包含了一系列关于前端开发的重要资源。HTML和CSS用于构建网页结构和样式,JavaScript则提供了动态交互的可能性。Ajax技术通过异步数据交换增强了网页交互体验,而jQuery...
本资源包集合了前端开发领域中的五大核心知识体系:HTML、CSS、jQuery、PHP以及MySQL,旨在为初学者提供全面的学习资料,也为有经验的开发者提供便捷的参考手册。 首先,HTML(超文本标记语言)是网页的基础,它...
在本文中,我们将深入探讨如何使用CSS来模拟圆角按钮,并结合jQuery实现点击效果。...记住,实践中学习是提升技能的关键,尝试修改代码以创建自己的圆角按钮效果,进一步探索CSS3和jQuery的其他特性。
### JavaScript与CSS开发结合jQuery入门知识点详解 #### 一、引言 ...通过以上章节和附录的详细介绍,读者可以系统地学习到关于JavaScript、CSS以及jQuery的相关知识和技术,从而提高自己的前端开发能力。
《CSS、JavaScript与jQuery语言手册》是一套全面深入学习前端开发核心技术的重要参考资料。这份压缩包包含三本电子手册,分别是“CSS 3.0.chm”、“Javascipt语言手册.chm”以及“jQuery1.11.0_20140330.chm”,它们...
学习PHP找到的一本较新的动物书,动物书一般都是佳品。可以按着文章的思路学习做网站,这里有个http://my.oschina.net/bubifengyun/blog/342130网页,介绍一般的工具怎么使用。祝你网站入门愉快。
这个"html_css_material-master.zip"压缩包文件提供了一套完整的教学材料,旨在帮助学习者深入理解这些关键技术。 HTML(HyperText Markup Language)是网页内容的结构标记语言,用于定义网页的基本元素和结构。在...
1. **选择器**: jQuery引入了类似CSS的选择器,使得选取HTML元素变得简单快捷。例如,`$("#id")`选取ID为"id"的元素,`$(".class")`选取所有class为"class"的元素。 2. **链式操作**: jQuery对象的方法返回的是...
在本资源"richengbiao.rar"中,包含了一个基于jQuery和Java技术实现的日程管理应用实例,这对于学习AJAX以及Web开发的人员来说是一个很好的参考资料。这个项目着重展示了如何利用jQuery库与JSP(JavaServer Pages)...
【jQuery幸运大转盘】是一种...通过学习和实践这个项目,开发者可以提升前后端协作能力,深入理解jQuery动画机制,以及PHP在实际业务中的应用。同时,还能掌握如何将客户端与服务器端有效结合,提供实时的互动体验。
标题 "android > Phonegap_ html5_css3_jQuery" 暗示我们将探讨如何在 Android 上使用 PhoneGap 结合 HTML5, CSS3 和 jQuery 开发应用程序。下面是一些关键知识点: 1. **PhoneGap**: - PhoneGap 提供了一种跨...
1. **jQuery选择器**:jQuery的选择器是其强大的功能之一,它们基于CSS选择器,如ID选择器(#id),类选择器(.class),元素选择器(element)等,可以方便地选取页面中的DOM元素。 2. **DOM操作**:jQuery提供了一系列...
"designByLephy"这个文件名可能表明这个设计是由用户Lephy创作的,它提供了一个学习和研究的实例,展示了如何将jQuery和CSS3结合以创建具有高级交互功能的导航菜单。对于开发者来说,这是一个很好的实践案例,可以...
jQuery API文档(jquery_api.chm)是学习和查询API的宝贵资料,它详细解释了每个方法、参数和返回值。结合实际项目实践,开发者可以熟练掌握这个强大的库,提高开发效率,创造出更富交互性的网页应用。
本资源包"移动互联网之路_(HTML5_CSS3_jQueryMobile)APP与移动网站设计从入门到精通源文件和最终文件.zip"提供了全面的学习材料,帮助初学者和进阶者掌握这些技能,打造卓越的移动用户体验。 首先,HTML5是现代...
3. **安装与引入**:了解如何在项目中引入jQuery和jQuery EasyUI,包括下载库文件、添加HTML引用以及设置CSS样式。 4. **基本组件**:教程会介绍如对话框(dialog)、面板(panel)、表单(form)、按钮(button)...
"jquery-starterkit.zip"是一个专为初学者设计的jQuery学习资源包,名为"jquery starterkit",它不仅包含了基本的jQuery代码示例,还有相关的PHP学习材料,是提升PHP和jQuery技能的绝佳起点。 首先,让我们聚焦于...
3. **选择器增强**:jQuery支持CSS2和CSS3选择器,增强了文档遍历和选择元素的能力。 4. **动画效果**:`.fadeIn()`, `.slideToggle()`, `.animate()`等方法使创建复杂的动画变得简单。 5. **AJAX操作**:`.ajax()`,...