网摘HTML飘窗代码(JS实现)

DIV、IMG元素:

<div id="img" style="position: absolute;">
<img style="cursor: pointer;" src="pic.png" alt="img" width="200" height="100" border="0" />
</div>

JS代码:

var xPos = document.body.clientWidth-20;
var yPos = document.body.clientHeight/2;
var step = 1;
var delay = 9; 
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
	width = document.body.clientWidth;
	height = document.body.clientHeight;
	Hoffset = img.offsetHeight;
	Woffset = img.offsetWidth;
	img.style.left = xPos + document.body.scrollLeft;
	img.style.top = yPos + document.body.scrollTop;
	if (yon) {
		yPos = yPos + step;
	}else {
		yPos = yPos - step;
	}
	if (yPos < 0) { yon = 1; yPos = 0; } if (yPos >= (height - Hoffset)) {
		yon = 0;
		yPos = (height - Hoffset);
	}
	if (xon) {
		xPos = xPos + step;
	}else {
		xPos = xPos - step;
	}
	if (xPos < 0) { xon = 1; xPos = 0; } if (xPos >= (width - Woffset)) {
		xon = 0;
		xPos = (width - Woffset);
	}
}
function start() {
	img.visibility = "visible";
	interval = setInterval('changePos()', delay);
}
function pause_resume() {
	if(pause) {
		clearInterval(interval);
		pause = false;
	}else {
		interval = setInterval('changePos()',delay);
	pause = true;
	}
}
start();

极其好用的HTML文本在线编辑工具——UEditor

最近遇到了在自建的.NET网站可以自行发表新闻的需求,总不能说是一个textarea解决问题吧……太简陋了。于是乎翻遍各大网站寻找可以在线编辑替代textarea的插件工具,找了一堆这个editor,那个editor,国外的国内的。然后挨个试,也许我能力低吧,看着每个插件文档就那么几步操作弄了几遍也是没搭成。直到发现这个UEditor。

有一个功能我觉得很强大,就是可以直接复制图片、截图,不需要手动选择图片文件。

说明一下插件部署步骤,供以后和需要的人参考。

1、官网下载对应程序语言的压缩包(上传文件图片等功能需要)

2、将下载好的整个文件夹拖动到项目中。

3、修改net(或其他语言名称)文件夹下面的config.json文件,将所有“/ueditor/net/”文本替换为网站可以访问的虚拟目录(例如我将此插件放到:/script/ueditor下,那么请将文本替换为:/script/ueditor/net)

4、配置完毕后,打开需要添加编辑器的页面,引用如下文件

@* 配置文件 *@
<script type="text/javascript" src="/Scripts/ueditor/ueditor.config.js">
@* 编辑器源码文件 *@
<script type="text/javascript" src="/Scripts/ueditor/ueditor.all.js">

5、在页面需要放置编辑器的地方,加入如下代码

 <script id="MessageContent" name="content" type="text/plain" style="width:700px;height:250px;">

6、最后在页面script中单独插入如下代码,MessageContent代表上面的id

    var ue = UE.getEditor('MessageContent');    //编辑器

 

插件链接:http://ueditor.baidu.com/website/

jquery的EasyPieChart调用、实现ajax动态刷新

最近在内部系统的报表页面使用了这个EasyPieChart插件,非常直观的展现了数据完成进度以及各情况占比。

使用过程中发现这么一个问题:

这个控件如果需要实现ajax动态刷新,那么刷新之后无论怎么赋值就不再显示进度条了,后来也是百度无果之后自己研究出解决方案。

改前遇到的bug:

 

改后实现效果:

ajax更新只需要执行如下代码:其实就是更新数字前先设置为0(100也行),再更新为需要显示的数字即可。而且经实践后发现,并不需要像网上所说的修改对应div的data-percent参数。

$('.epchart').data('easyPieChart').update(0);
$('.epchart').data('easyPieChart').update(subTotal);

 

附:实现方式

1、引用js、css文件

    @*jquery-easy-pie-chart*@
    <script src="~/Scripts/Dashboard/jquery.easy-pie-chart.js">
    <link href="~/Content/Dashboard/jquery.easy-pie-chart.css" rel="stylesheet" />

2、建立一个DIV供显示,且div设置data-percent参数,0-100

<div class=”epchart” data-percent=”0″>

3、在页面加载js添加如下代码:

                $('.epchart').easyPieChart({
                    animate: 1000,
                    barColor: 'green'
                });

即可完成直接展示出来。

Ubuntu设置硬盘分区

在命令行中可以执行如下命令:

1、查看硬盘分区情况:sudo fdisk -lu

2、对硬盘进行分区: sudo fdisk /dev/vdb

3、对硬盘进行格式化:sudo mkfs -t ext4 /dev/vdb

如果有Linux桌面环境,则可以安装非常方便的分区工具:GParted

命令行执行:sudo apt-get install gparted

 

从零开始接触Linux——常用命令

以下命令应该是所有Linux通用

1、编辑文本:vi 文件路径(vi /etc/file.conf)

2、修改当前用户密码:passwd,然后重复输入两次

3、创建文件夹:mkdir 文件夹名

4、删除文件夹:rm -rf 文件夹路径(rm -rf /var/temp)

5、复制文件(整体文件夹):cp -Rf 从 至(cp -Rf /home/tempfrom /home/tempto)

如需复制所有文件则在从目录最后加*号:(cp -Rf /home/from/* /home/to)

6、查看IP地址:ifconfig

7、桌面环境命令行使用root权限:sudo su

8、查看当前目录下的文件(夹): ls -a

9、Ubuntu桌面环境以root身份打开文件管理器:sudo nautilus

 

 

随用随更新……