
前端
文章平均质量分 79
jianqi6
我喜欢研究 、、交朋朋友
展开
-
HighCharts & AJAX 绘制图表
最近在做一个监控系统,需要制作两个图形,一个度盘,一个波形图,最先开始使用了JFreeChart绘制图形,但是在服务器端绘制图形鸭梨很大,占用带宽多,浏览图形不畅快,抛弃之。 然后觉得可以使用Java Applet在客户端绘制图形,但是这个要求JRE环境,于是也被无情的抛弃了。 :shock: 然后在网上找了会,发现一个HighCharts类库,一个JQuery插件,使...2011-04-13 20:08:11 · 180 阅读 · 0 评论 -
让两个Div并排显示
一、使用display的inline属性<div style="width:300px; height:auto; float:left; display:inline">AAAA</div><div style="width:300px; height:auto; float:left; display:inline">BBBB</div&...原创 2012-03-08 16:43:55 · 940 阅读 · 0 评论 -
让Div垂直居中【div与css中align、valign垂直居中属性】
Div水平居中比较简单直接align:center;就行了,或者通过padding属性来控制也行。那么垂直居中呢?也许有人会说CSS中不是有 vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生效,例如表格 元素...原创 2012-03-08 11:23:57 · 1169 阅读 · 0 评论 -
DIV+CSS样式表的id和class常用命名规则
用div+css样式表写页面有一段时间了,起初写div+css样式表的时候,最让我头疼的不是怎么写样式,而是给div+css样式起名,怎么样起才合适呢?要是就几行或几十行代码吧!就根据英文单词就行了。可是要是多了那就不好写了,有时候就直接用汉语拼音或拼音的首字母代替。可是多了吧,自己写的都看不出是什么意思,别说再让程序员调用这些样式了。div+css样式表的id和class的区...原创 2012-03-07 19:03:43 · 237 阅读 · 0 评论 -
设计好的图怎么做成页面
导读:将设计好的网页PSD设计稿切成HTML是网页设计师经常要做的一件事情,除了CSS外,如何有效快速将PSD转HTML,其中的方法也有多种,文中分析了常用的方法与效果率更高的两种方法,仅供参考。 其实标准的网页制作完成的工作实际是:psd to html,一般情况下,我们会拿到美工的psd,这时候不同的人会有不同的做法: 1.打开fireworks将图片切割导出为html。 2.直接...原创 2012-03-07 18:45:10 · 527 阅读 · 0 评论 -
JavaScript 动态添加事件 和 获取Event (兼容IE和Firefox)
1、直接给对象添加事件document.all.Object.ondblclick=function(){方法};2、通过监听方式添加事件,多事件可并存,按添加顺序执行。if(window.addEventListener) // Mozilla, Netscape, Firefox Object.addEventListener("click", function(){方法...原创 2012-02-28 16:03:05 · 211 阅读 · 0 评论 -
登录时加载动态进度条图片显示不出来的解决方案
需求:登录时,做一个滚动条和提示,说明当前正在登录做法:刚开始使用JS动态创建一个表格,显示一个GIF图片和提示信息,之后提交登录表单错误:发现在IE中正常显示,但在Firefox和Chrome中不显示图片 猜测:Firefox在事件方法或者提交表單時可能不允许去另外创建一个请求,来下载图片。修改办法:[list][*]做隐藏DIV,放入提示信息和图片(这种在IE...原创 2012-02-21 17:56:14 · 328 阅读 · 0 评论 -
div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox..
CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 powered by 25175.net2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bu...原创 2012-02-18 17:45:21 · 180 阅读 · 0 评论 -
圆角DIV 并且不用图片
[code="HTML"] 不用图片的DIV圆角(修改自一欧洲网站) body { background-color: #FFF; margin: 0px; padding: 0px; font-size: 16px; font-family: Georgia; text-align:ce...原创 2011-10-25 17:34:34 · 108 阅读 · 0 评论 -
AJAX完整示例
[code="java"]var xmlhttp;function createRequest() { if (window.ActiveXObject) { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { ...原创 2011-09-22 15:09:24 · 116 阅读 · 0 评论 -
定时器AJAX请求重帧现象
最近做一个关于定时AJAX请求数据库信息问题,发现经常有重帧现象。 目前的代码: [code]var id = 0;window.onload = function() { id = document.getElementById("maxId").value; initXMLRequest(); setInterval("sendHTTPRequ...原创 2011-05-24 10:28:25 · 208 阅读 · 0 评论 -
WEB端的绘图方式 讨论最优
目前做了一个监控数据的网站,因为一直要与后台进行交互,即AJAX请求,这样可能会一连几天都会停留在这个页面上,这个页面的主要需求或者业务(功能):[quote][list][*]根据二进制流数据 绘制波形图[*]根据传过来的一个度数在度盘中显示位置[*]每秒显示AJAX请求数据[*]一条数据解析完成刷新历史数据[/list][/quote][quote]...2011-04-14 21:53:49 · 179 阅读 · 0 评论 -
CSS背景颜色渐变
兼容多浏览器就要为每一个浏览器写对应的 CSS,太低版本的浏览器只能使用图片做背景。下面是当前五大浏览器对 gradient 的支持[code="css"]#gradient {width: 200px;height: 200px;/* 如果浏览器不支持渐变,使用图像作为背景 */background: url(gradient.jpg);...原创 2013-01-17 16:59:04 · 170 阅读 · 0 评论