- 博客(32)
- 资源 (5)
- 收藏
- 关注
原创 回到顶部
网页中有时会有回到底部的标识,今天整了一个小demo New Document <!-- //返回顶部 $(function (){ $("#returnTop").click(function(){ //$('body,html')表示页面中所以的body及所以的html--详情可参考:http://blog.csdn.net
2016-12-30 17:50:09 215
翻译 所在地天气预报的展示(包含七天天气预报查询)
当我们访问页面的时候,通常会发现页面上含有所在地的天气预报的展示(有的会含有七天天气预报的查询),这里根据http://ztb.qxn.gov.cn/qxnztb/Default.aspx网站整理了一下如何在前台页面调用天气预报的接口。 七天预报 这是根据这个(http://ztb.qxn.gov.cn/qxnztb/Defaul
2016-12-30 17:07:02 986
原创 简洁下拉菜单导航及特效当前时间显示
不需要任何插件的一个纯jQuery的js下拉菜单导航及滚动的当前时间显示demo可以直接复制使用: 简洁下拉菜单导航及特效当前时间显示 #jsddm{margin: 0;padding: 0}#jsddm li{float: left;list-style: none;font: 12px Tahoma, Arial}#jsddm li a{
2016-12-30 14:58:07 684
原创 $("#aa>div")与$('#aa>div.first')与$('div','li')与$('div , li')与$('div li')的讲解
$("#aa>div")与$('#aa>div.first')与$('div','li')与$('div , li')与$('div li')各代表的什么意思?
2016-12-30 14:54:45 864
原创 输入框获得焦点和失去焦点
项目产品需求,要求页面一加载的时候,就给文本框进行赋值“请输入招标项目编号”,当获得焦点事件的时候,将文本框的数据进行清空,当失去焦点事件的时候,文本框重新赋值为“请输入招标项目编号”。HTML代码展示: 交易进度查询 JavaScript代码展示://输入框获得焦点和失去焦点 // $(".sea
2016-12-30 12:11:12 5090
转载 jQuery 事件 - mouseenter() 方法
jQuery 事件 - mouseenter() 方法定义和用法当鼠标指针穿过元素时,会发生 mouseenter 事件。该事件大多数时候会与mouseleave 事件一起使用。mouseenter() 方法触发 mouseenter 事件,或规定当发生 mouseenter 事件时运行的函数。$(document).ready(function(){ $("p")
2016-12-30 11:05:03 2059
转载 html的tbody标签
写html代码的时候,遇到了Tbody这个标记符,这个标记符是对于表格来说的,每个页面都有head ,body两部分,对于比较复杂的页面,页面的排版用到了很多的表格,表格的结构也就相对的复杂了,所以又将表格分割成三个部分:题头、正文和脚注。而这三部分分别用:thead,tbody,tfoot来标注。thead用来放标题之类的东西tbody放数据本体tfoot放表格的脚注之类……
2016-12-30 10:09:58 2297
转载 jquery stop()方法的讲解使用
jQuery中stop()函数用于停止当前匹配元素上正在运行的动画。默认情况下,stop()函数只会停止当前正在运行的动画。如果你使用animate()函数为当前元素设置了A、B、C这3段动画,如果当前正在执行的动画是A,则只会停止动画A的执行,不会阻止动画B和C的执行。当然,你也可以通过指定可选的选项参数来停止所有的动画。jQuery中stop()函数用于停止当前匹配元素上正在运行的动画。
2016-12-23 11:03:18 2829
翻译 页面中图片随着文字的上下拖动,不改变图片位置(主要是通过添加css样式得来)
图片位置不随着文字的拖动而改变图片的位置。 New Document <!-- 主要是采用了css的position:fixed; position:fixed;作用就是以窗口为参照的, 如果非要以父级标签为参照,完全可以使用position:absolute;而父级加上一个position:relative; -->.logo {
2016-12-22 16:50:14 4007
转载 SuperSlide插件轮播图展示
SuperSlide轮播展示非常棒的一个插件,这里讲解两个案例。1.标签切换/书签切换 New Document /* css 重置 */ *{margin:0; padding:0; list-style:none; } body{ background:#fff; font:normal 12px/22px 宋体;
2016-12-22 15:48:00 5566
转载 jquery实现拖拽进度条并显示百分比的特...
jQuery实现拖拽进度条并显示百分比的特效。。。 New Document #box{position: relative; width: 200px; height: 50px; border: 1px solid #eee; margin: 50px auto 0;} #bg{height: 10px; margin-top: 19px; b
2016-12-22 09:49:00 3803 1
原创 jQuery的function(a){a=a||"text";}表示的意义
在jQuery中我们通常会看到如:function(a){a=a|| "text";}那么jQuery的a=a||"text";表示的是什么呢?jQuery中a=a||"text";表示如果a为空;那么a就赋值为text,这个表达式常用于过滤变量a的空值,将其赋值为默认字符串。等价于表达式:if(!a){a="text";}对于这个表达式,要注意两方
2016-12-22 09:22:16 524
转载 js+css展示收起2
New Document 点击展开文字隐藏文字JS代码* {margin:0; padding:0; border:0;}ul {list-style-type:none;}li {margin:10px;width:200px;border:4px double #ccc;background:#eee;}li .main,li .intro {margin
2016-12-21 17:01:49 897
原创 js+css展示收起,全文展示,收起等多篇文章整合
本文主要是根据多篇文章进行了整理js+css的展示和收起(关闭)的整合,方便以后的使用 New Document * { margin:0; padding:0;} body { text-align:center; font:75% Verdana, Arial, Helvetica, sans-serif;} .classDiv {
2016-12-21 16:52:55 6720 1
原创 HTML让文字在图片上显示
Html让文字在图片上显示的集中方式:第一种方式是image 作为背景图片,即:background:url(".......");例如如下代码块:添加文字...添加文字...添加文字...第二种方式是将img块与文字块(文字块采用span标签显示)放在同一个div 中,然后设置他们之间的位置,例如如下代码块:添加文字
2016-12-21 10:32:26 131287
转载 jQuery高亮显示
有很多jQuery插件可以实现文本高亮,这里使用一个简单的方法,实现高亮,不需要其他JavaScript包,只是纯净的JavaScript,这个脚本返回被处理的原始数据,高亮的文本用标签包含起来,可以使用css定义样式。 body { margin: 50px; font: 15px Arial; line-height: 1.5; } input, button { padding: .3em; } .highlight { background:
2016-12-21 10:11:13 2882
转载 document.all用法
document.all用法第一:document.all是页面内所有元素的一个集合。例如: document.all(0)表示页面内第一个元素第二:document.all可以判断浏览器是否是IE if(document.all){ alert("is IE!"); }第三:也可以通过给某个元素设置id属性(id=
2016-12-21 08:32:26 553
原创 给获取的集合列表循环赋值头像
获取了微博的集合列表,给每条数据的前面添加头像直接通过jQuery的attr("src","url")来进行展示//获取微博头像var getWbImg = function(wbIds){ var wbID = arrUnique(wbIds).toString(); var url = '../../track/website/wb/getPicUrl'; $.ajax
2016-12-20 16:34:26 434
原创 使用jQuery获取文件名的扩展名(小数点后的名称)
本文主要是讲解的两种方法:如下:1 使用split()方法和数据的pop()方法2 下面这个方法是采用的字符串的substr()及字符串的lastIndexOf();注:这2种方法可以过滤掉以点号开头的文件名,如.html等等。具体操作如下: New Document <!-- var fileName
2016-12-20 10:46:05 2996
原创 页面加载缓冲的login (2)
在项目中,在我们点击加载一个页面或者查询的时候,往往需要等一段时间才能获取结果,但是在它操作的时候,我们不知道操作完成没,通常添加加载缓冲login。如下:具体操作:(代码粘贴即可用,其中dialog.css与dialog.js是工具类,可以根据自己的需要修改样式)dialog.css.my-confirm-box{background-color: #E2E2E2; -webkit-
2016-12-20 10:19:57 418 2
转载 Maven环境搭建和介绍
目录(?)[+] 最近项目弄完了,有好多时间,准备把以前的知识复习一遍,以便日后更好的使用,先从maven搭建开始,然后再搭建以下SSH+mybatis的框架,弄完了在学学Hadoop分布式相关的东西。 安装前先配置好电脑的相关环境变量。 一、配置maven的环境 下载地址: http://maven.apache.org
2016-12-12 16:21:45 217
原创 页面布局div,一进入页面默认选中第一个div
页面是div的排布,一进入页面默认选中第一个div,并且展示第一个div下的数据(默认选中的是当前月的上一个月),然后点击哪个div显示哪个div下的数据。代码:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>投标人统计分析<%
2016-12-12 14:51:22 12587 1
原创 一进入页面,默认选中table的第一个tr
序号 内容 alert($('#tableId tr:eq(0) th:eq(0)').html());// tr:eq(0) th:eq(0)需要tr或需要th自行选择
2016-12-12 14:09:34 8102
原创 一进入页面选中第一个按钮,并展示按钮下的数据
页面是按钮的排布,一进入页面默认选中第一个按钮,并且展示第一个按钮下的数据,然后点击哪个按钮显示哪个按钮下的数据。<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>投标人统计分析<% // String firstDay=(String)r
2016-12-12 14:04:31 4141
转载 [Java][]Maven]mvn eclipse:eclipse导入jar失败、直接导入工程的问题解决办法
使用 mvn eclipse:eclipse构建工程时,引用本地自己写的一个工程,发现怎么都引用不成功查看.classpath文件时发现引用的文件是以这种形式出现的. 而查看引用别的jar包都是这样 kind是不同的最后发现需要把maven 的eclipse plugin设置一个参数 "useProjectReferences",这个参数默认值为true。如果
2016-12-08 11:27:25 697
转载 [jQuery]remove()与 empty()的区别
要用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把dsfsd中的文本给移除了,而留下 了,仍保留其在dom中所占的位置。remove([expr])则是把其从dom中删除,而不会保留其所占的位置。例:HelloWor
2016-12-08 11:01:02 492
原创 echarts的legend图例的显示与隐藏(legend图例进入页面显示的个数)
在操作echarts时,echarts的柱状图、地图等各种图形显示的时候往往会有legend图标的显示,有时候需求要求,legend图标不全部显示,只显示一个或指定的图标显示。默认的图形(以柱状图及地图为例):需求要求的图:解决办法:代码展示:function randomData() { return Math.round(Math.ran
2016-12-07 13:54:17 109324 4
原创 页面加载缓冲的login
在项目中,在我们点击加载一个页面或者查询的时候,往往需要等一段时间才能获取结果,但是在它操作的时候,我们不知道操作完成没,通常添加加载缓冲login。如下:操作代码: 数据统计信息 #yangshi2{ font-weight:650;font-size:110%;} .yangshi1{ background-color:#EEEEEE
2016-12-05 16:14:09 14230
原创 echarts的图形边角度数的调整
在操作echarts时,需求要求echarts的柱状图图形上有相应的弧度图1:原始不含度数的图形图2:度数为5的图形图3:度数为25的图形解决方法:代码展示: series: [{ name : '投标人名称', type : 'bar', stack : '次数', label :
2016-12-01 18:04:25 3944
原创 获取当前月第一天、最后一天、获取当前年第一天、获取当前近一年
SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");//获取当前月第一天:Calendar c = Calendar.getInstance(); c.add(Calendar.MONTH, 0);c.set(Calendar.DAY_OF_MONTH,1);//设置为1号,当前日期既为本月第一天
2016-12-01 17:44:22 2430
原创 echarts的x轴y轴的颜色改变
在操作echarts时,需求要求echarts的xy轴的颜色要与图形的颜色一致。图1:图2:解决方案:代码展示:var myChart1; $(function() { document.getElementById("begin1").flatpickr(); document.getElementById("end1").
2016-12-01 16:20:12 78990 2
eDiary电子日记本
2018-03-06
jd-gui-0.3.3.windows java 反编译工具 绿色版
2017-11-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人