【原】JS 实现的 翻牌日历效果

源码打包:日历1

发表在 HTML/Javascript/CSS | 留下评论

【原】合作学习平台 Sakai 启动

sakai是一个合作学习平台, 使用java编写, servlet, 启动可以使用tomcat容器。

先看官方的文档, 说的很多, 其实很多都不用做, 只是需要修改环境变量的定义
http://confluence.sakaiproject.org/display/DOC/Sakai+2.7 的install:binary部分
继续阅读

发表在 服务器 | 留下评论

【转】Ubuntu 更改主机名称

转自:http://forum.ubuntu.org.cn/viewtopic.php?f=50&t=144956

现在换到hardy了系统是dapper/8.04 server,无GUI的纯CLI模式,现在主机名叫ABC,想改成XYZ。

1,只能在local操作,ssh不行
2,更改/etc/hostname中的相关字段,保存
3,更改/etc/hosts中的相关字段,保存
4,重启系统

建议一次完成以上操作,SSH可能会无法连接到主机

发表在 服务器 | 留下评论

免费好用的 桌面虚拟机程序

大家可能用过vmware, virtualPC这样的虚拟机软件. 但是这些都是收费的, 动辄几千块的”专业”虚拟机,
但是, 其实软件世界中价值和价格往往相关性不是那么大, 呵呵, 免费的有时候会超过收费的~~

下面介绍一个牛逼的虚拟机, 很适合买不起”专业”虚拟机, 而又需要使用”专业”虚拟机的同学~~
那就是 甲骨文的virtualbox, 下载预编译的版本是遵照”个人使用与评估许可”的.

不同版本和各自的使用许可 : http://www.virtualbox.org/wiki/Editions
下载页: http://www.virtualbox.org/wiki/Downloads 下载
VirtualBox 3.2.12 for Windows hosts x86/amd64 即可, 注意阅读上边的许可协议.

截图:

发表在 Windows | 留下评论

[Linux] 最牛逼的Linux学习网站

网站管理几乎没有没有没接触过linux的吧~~
但是linux又是那么的难用~~
还好有一些牛人的成果

“站长推荐”, 你懂的~~

鸟哥的linux私房菜

想要”无痛”试验linux的请参照:  免费好用的虚拟机

发表在 Linux使用 | 留下评论

【原】jQuery 照着书上写的图片浏览效果

就是用一个超级长的div盛放li, 然后移动div

发表在 HTML/Javascript/CSS | 留下评论

【原】通过CSS 自定义页面中鼠标指针

cursor:url(“http://www.qqbye.com/mouse/cur/ms_dj1.cur”),url(“http://www.javaeye.com/images/smiles/icon_rolleyes.gif”),auto;

IE支持cur和ani的鼠标指针文件, FF不支持ani, 而且对cur支持不好, 静态的有的能显示, 动态的基本不能用, 但是貌似对gif(不能动), png的支持不错~~, 这样就只好放两个文件上去了, 第一个是给IE用的, 第二个是给FF用的, 因为FF会从第一个开始找, 没有找到的话就找第二个.而且FF必须在url后边定义一个内置的鼠标样式, 以适应没有找到url时和页面没有加载完的情况, 一般就设为auto, 就是默认值.
继续阅读

发表在 HTML/Javascript/CSS | 留下评论

【原】jQuery 实现的自定义提示框

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>测试</title>
    <link rel="stylesheet" href="./css/main.css" type="text/css"></link>
    <style type="text/css">
        #pagex
        {
            border : solid 1px;
            position : relative;
            display : inline;
            overflow : visible;
        }
 
    </style>
    <script type="text/javascript" src="./jq.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(
            function ()
            {
                jQuery("#pagex").mouseover(function (event){
                    jQuery("<div>这里是新的提示内容</div>") // 创建一个新的节点, 用来显示提示内容
                        .css({"border" : "solid 1px", "background" : "yellow",
                            "position": "absolute", "z-index" : "99", "white-space" : "nowrap"}) // 设定css样式
                         .appendTo(jQuery(this)).show("slow"); // 添加到这里, 然后显示
                });
                jQuery("#pagex").mouseout(function (){
                    jQuery(this).find(":last").remove(); // 在鼠标移出时删除提示节点
                });
                jQuery("#pagex").mousemove(function (event){ // 鼠标在节点上移动的事件
                    var this_wrap = jQuery(this);
                    jQuery("#info").html("X : " + (event.pageX - this_wrap.offset().left) // 输出调试信息
                        + "/nY : " + (event.pageY - this_wrap.offset().top));
                    this_wrap.find(":last").css({"left" : event.pageX - this_wrap.offset().left + 10, // 改变提示框的位置, 随鼠标移动
                                                "top" : event.pageY - this_wrap.offset().top + 10});
                });
            }
        );
    </script>
</head>
<body>
    <div id="pagex">
        这是pagex中的文本
    </div>
    <p id="info"></p>
</body>
</html>
发表在 HTML/Javascript/CSS | 留下评论

【转】CSS 强制换行, 不换行, 自动换行

强制不换行
div{
white-space:nowrap;
}
自动换行
div{
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
div{
word-break:break-all;
}

发表在 HTML/Javascript/CSS | 留下评论

【原】获取css属性的计算值

function getStyle(el,p){ 
        if(typeof el=='string') { 
            el=document.getElementById(el); 
        } 
        if (window.getComputedStyle) { 
        //document.defaultView 
            var compStyle = window.getComputedStyle (el, ""); 
        } 
        else { 
            var compStyle = el.currentStyle; 
        } 
        return compStyle[p]; 
 
}
发表在 HTML/Javascript/CSS | 留下评论