Anymoore,ENimo's Blog

AnyCMS终于有点模样，功能逐渐完善，可用性易用性上大有提升，虽不能说有多专业，但足以应对高校内容管理，有时间再慢慢扩展完善，先纪念一下吧。

新版新闻网近尾声，自主构造JS框架与JS实现，兼容HTML5及所有主流浏览器，自主开发CMS系统，基于角色访问控制，全网伪/纯静态，缓存控制，流媒体播放…

要考试，复习……

此效果多应用于后台栏目名称修改上，双击以创建input元素，onblur事件实现异步调用无刷新提交。

JS部分：

<code><script type=”text/javascript”>
function showInput(element)
{
    var defaultValue = element.innerHTML;   //取得默认内容
    var inputEle= document.createElement(‘input’);   //创建input元素
    inputEle.type = ‘text’;   //添加类型
    inputEle.value=defaultValue;
    inputEle.className=”tip”;
    element.innerHTML = ”;  
    element.appendChild(inputEle);   //添加子元素   
    inputEle.focus();   //获得焦点
    inputEle.onfocus = function()
    {
        element.ondblclick=”;//取消元素的双击事件
    } 
    inputEle.onblur = function()
    {
        element.innerHTML = this.value ? this.value : defaultValue;   //触发时判断值是否为空
        var any= $(this).attr(‘value’);
        $.ajax({
            type: “POST”,
            url: “insert.php”,
            data: “name=”+ any,
            success: function(){
                $(“#show”).prepend(“<li>提交成功：”+any+”</li>”);
                $(“#show li:first”).fadeIn(“slow”);
            }
        });
        element.ondblclick = function()//还原
        {
            showInput(this);
        }
    }
}
</script></code>

样式：

<style type=”text/css” media=”all”>
#show{
margin-top:100px;
width:300px;
height:200px;
border:1px solid #F5F5F5;
overflow:hidden;
}
#show li{
background:#FDF5E6;
list-style:none;
}
.tip{
border:2px solid #FDF5E6;
}
</style>

HTML部分：

<span>双击下面文字：</span>  <br /><br />
<span ondblclick=”showInput(this)” >天道酬勤</span> <br />
<div id=”show”></div>

注意，该效果的实现用到了jQuery,请在HTML头部包含之。

点击预览效果.

放弃了背景图，以黑为背景色，品红为辅助色，风格奉行一贯简约至上。

          网页预览，字体采用倍受青睐的Verdana，三栏布局，中间线分割线置于屏宽0.618比率位置，最新文章的调用用feed to JavaScript，速度体验都比以前好。

旧版：

旧版的倒计时的确让人有压迫感。

一份选修课作业，传到GoogleDoc后，不能加背景音乐，效果也都没了，干干净净！

毛泽东诗词名句赏析，anymoore收集整理。

　　　闲暇之作,难登大雅,自娱自乐罢了.

             TAGS: 简约主义，simple is power,

              主题色：天蓝，故取名Azure.

            皮肤只支持横排同窗口显示,英文字体用的Verdana,中文用的微软雅黑,对”简约,天蓝,横排同窗”有兴趣的,可以下载试试.

            这里是下载地址.(请确保你安装了雅黑和Verdana字体)