2014年2月21日
页面上拖动图片进行排序
摘要： 之前做的一个拖动图片，对图片进行排序的功能。类似于网易相册的自定义排序，页面初始化效果：把第一张图片拖动到红框标注的绿条处（绿条拖动的时候才会出来）实现规则：拖动一张图片到某张图片的位置时，该位置后面的图片向后移动。js代码：$(document).ready(function(){ var that={ imgaes:{}, box:"", aveWidth:86, aveHeight:86, moveObj:'', status:false } var spacingHtml = ' ';... 阅读全文
posted @ 2014-02-21 18:32 RedAngel 阅读(1541) 评论(1) 推荐(0) 编辑
类团购网站的倒倒计时
摘要： 网站倒计时为了防止用户该本地时间，所以应该用的是服务器的时间来计算的。这是我写的一个简单例子，直接粘贴使用即可，如果时间超过2014年2月27日23:59:59请自己改时间，请看注释： 阅读全文
posted @ 2014-02-21 17:59 RedAngel 阅读(197) 评论(0) 推荐(1) 编辑
2013年2月27日
IE6下的按钮效果
摘要： 这张图片是3个tab页的按钮，每个按钮都可以根据字的长度来调节按钮的长度，例如“服务台”和“运维”宽度就不一样。下面是IE6下的显示效果。下面具体说是怎么实现的。 1.“个人工作区”的按钮 两个div嵌套，外层div的背景图片为上述按钮的左边有圆角的一个小截图，no-repeat，截图截得精确一点，不够的地方用和按钮相同的颜色代替，里层div背景图片用按钮右边的小截图 ，文字写在里层div里面即可。 <div class="left"><div class="right">个人工作区</div></div> 阅读全文
posted @ 2013-02-27 17:35 RedAngel 阅读(197) 评论(0) 推荐(0) 编辑
iframe实现局部打印
摘要： 网页中用到jquery.dialog,需要把dialog里面的内容打印出来，开始直接用window.print()，因为我电脑没有连打印机，也没有测试，在项目演示的时候一个同事就打印出来，看效果，太囧了，打印出来的不是div里面的内容，而是当前屏幕所能看到的内容。在网上查了很多资料，有的看不懂，有的尝试了效果却不对，最后自己想了一个办法，用iframe来实现。 第一步：要在页面中加一个iframe,把frameborder、height、width都设置成0，这样页面上就不会看到此iframe了。如： <iframe id="fra" name="fra&q 阅读全文
posted @ 2013-02-27 17:10 RedAngel 阅读(931) 评论(0) 推荐(0) 编辑
Table表头固定，内容可以滚动
摘要： 对于table表的操作，网上插件有很多，比如说表很长的时候出现滚动条，往下拉滚动条表头能固定，再比如说，我拖拽表头的改变列宽等等，虽然最后我用的是一个网上的插件（这个插件并不好用，迟早我会自己写一个表格的插件），但是我还是想谈一谈表头固定的方法。 1.首先需要把表头放在一个table里面，如下tableHead<table width="100%" border="1" id="tableHead"> <tr> <td id="td1">编号</td> <td 阅读全文
posted @ 2013-02-27 16:38 RedAngel 阅读(2847) 评论(0) 推荐(0) 编辑
实现两个div并排的三种方式
摘要： 首先说明一下，本人是初学者，只是把自己遇到的一些问题的解决方法做一个记录，方便查阅。 一直觉得要使2个div并排是一件特别简单的事，不就是float左边的div吗，后来在实际的应用中遇到问题，改了很多遍才，深刻悟出一个道理，看似简单的东西对我来说其实也不简单，还需要多思考。比如按上述说float左边div是可以，但是在我两边div的高度都不可控又要保持同样高度的情况下，就特别麻烦，所以，我自己总结出了3个方法，如果各位还有其它的方法，欢迎多分享。 1.float 设置好两个div的宽度和高度，在左边div里面加上float:left即可。 2.margin-left 给外... 阅读全文
posted @ 2013-02-27 16:05 RedAngel 阅读(12429) 评论(0) 推荐(0) 编辑
2012年12月17日
js页面刷新常用的几种方式
摘要： [注]仅供参考Javascript刷新页面的几种方法：1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand('Refresh') 6 window.navigate(location) 7 location.replace(location) 8 document.URL=location.href 页面自动刷新：把如下代码加入<head>区域中 <meta http-equiv="refre 阅读全文
posted @ 2012-12-17 17:39 RedAngel 阅读(211) 评论(0) 推荐(0) 编辑
HTML <!DOCTYPE> 标签
摘要： 了解这个是初始于解决系统里面的一个Bug，jquery dialog在所有的IE浏览器中都打不开，因为这是之前别人建立的页面，找了好久才知道是因为没有在页面之前声明<!DOCTYPE>，开启了浏览器的怪异模式，所以在IE中显示不出要的效果来。所以就稍微深入的了解了一下<!DOCTYPE>。 <!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。例如：<!DOCT 阅读全文
posted @ 2012-12-17 15:59 RedAngel 阅读(505) 评论(0) 推荐(0) 编辑
2012年12月11日
form submit提交遇到的问题
摘要： 因为公司业务需要，有一个提交的功能，提交的时候要上传文件，后端是用JAVA写的。用的是Form表单手动提交方式，如果用IE后台不到任何数据，firefox是可以的，但是不管是IE还是firefox，后台请求都会打开一个新的空白页面（速度很快时firefox看不出来）。而我想要的功能是提交完后就把当前页面关闭了，而不是打开一个新的空白页面。下面是html代码，当然经过我修改过的，把出错的情况和正确的都列出来了，submit1和submit2 1 <!DOCTYPE html> 2 <html> 3 <body> 4 <form id="frmC 阅读全文
posted @ 2012-12-11 11:08 RedAngel 阅读(1549) 评论(2) 推荐(1) 编辑
2012年12月10日
ztree实现树的异步加载
摘要： 因为工作，需两棵树，然后可以对除了根的所有节点进行比较，而且这棵树要求是异步加载的，要实现选择比较节点，我想在除了根的每个节点之前加一个单选框。我在网上查了很多资料实现异步加载树结构的框架，通过比较，感觉ztree特别强大，至少能实现我要的功能，而且操作方便。 首先到ztree的官网上去下了一个最新的版本，好像是3.5的吧，减压后看到里面不仅有demo,还有API,我是先看的demo，看到不懂的然后查API，好像API不支持chrome浏览器，我用的是firefox,可能是我太孤陋寡闻了，这个API文档是我用过的所有API中最方便的一个，而且界面效果也不错。看demo的时候觉得挺简单的，但是具 阅读全文
posted @ 2012-12-10 18:20 RedAngel 阅读(2305) 评论(0) 推荐(0) 编辑