Js AES加解密

密码:
原文:

密文:

加密js用的是Jeff.Mott.OR的crypto-js

PURE CSS3 3D CUBE

上面例子運行效率很差,在低版本的火狐中竟不能運行,所以如果真要做CSS 3D Cube是不推薦的。性能更佳的案例請參考:Create a CSS Cube

sliderkit自适应大小

其实这个sliderkit之前介绍过,只是那篇没有自适应的功能。用jquery实现元素的自适应,其实很简单。要实现这个slider自适应首先要设置这个slider属于photoslider-mini类自适应尺寸,然后让slider中的图片自适应尺寸。通过如下代码:

$(document).ready(function(){
    //slider图片尺寸是 960px*340px, container是slider的父容器
    var sliderWidth=$("div.container").width()>960 ? 960 : $("div.container").width();
    $("div.photoslider-mini").css({"width":sliderWidth,"height":sliderWidth*340/960});
    //如果使用了bootstrap的话,只要给img添加.img-responsive就可以了,效果更好
    $(".sliderkit-panel > img").css({"width":sliderWidth,"height":sliderWidth*340/960});
});

效果:

slider show 1
slider show 3
slider show 5

最终失败了,估计是和sliderkit的原理有关。另外还了解到要调用WordPress的jquery要像下面这样,因为它设置了jQuery.noConflict();

    jQuery(document).ready(function($) {
        //显示jquery版本号
        alert($.fn.jquery);
    });

HTML5 Location

做了个记录位置的小玩意儿,带登录一共六个文件:

  • login.php 登录页
  • checklogin.php 登录验证页
  • loc.php 获取地理位置页
  • loc.js ajax提交数据给loc-in.php
  • loc-in.php 将数据写入数据库
  • loc-out10.php 将数据从数据库调出

登录之做了简单的实现,帐号密码就保存在checklogin.php中,靠session判断是否登录。所获取的地理位置无论是PC上浏览器基于HTML5的还是手机上基于GPS的,都是真实地理位置,而非火星地理位置。所以在正版地图中均存在西北方向的偏移,用卫星图看就正常了。关于调出数据库后的数据处理可以参考《html5地理位置示例》,我这里也没写。

源码:loc.7z

后来在使用中发现很有两个很必要功能没有实现:离线保存数据并在有网络时写入数据库、修改数据库内容。不知道有没有空完善一下。

注释

HTML注释:

在HTML中,使用 标签进行注释。

<html>
<body>
<!--这是一段注释。注释不会在浏览器中显示。-->
</body>
</html>
CSS注释:

在CSS中,使用/*...*/进行注释。

/*
Theme Name:     AttorneyChild
Description:    Child theme for the Attorney theme 
Author:         Zengl
Author URI:     http: //ft.wupo.info/about/
Template:       attorney
Version:        0.1.0
*/
Continue reading

SkyDrive外链生成器

Skydrive共享地址(必须)

选项: 保留感叹号 保留问号 保留等于号 保留原始文件名

Skydrive的文件名(可选)

生成的Skydrive外链地址

最短外链地址:

        


功能

从输入的Skydrive的(MP3歌曲等类型的文件)共享地址,生成对应的外链地址。文件名随意取,即生成的链接的后面?后是随意的。

本来还想做个复制粘的按钮方便使用呢,但是搜了下JavaScript单独做不到,就算了。其实全选后拖放也很方便啊。

参考地址:http://www.crifan.com/files/tool/html/genSkydriveExtLink.html

html笔记

摆列图片和文本时,float: right;虽然有时并没有position: relative;left: 30px;top: 20px;来的方便快捷。但float总是浮的,相对定位有时却还是把位置给定死了。这时还有一个position:absolute;left:0px;top:0px;z-index:1;可以选择。


简单的将图片水平居中,可以使用style="vertical-align: middle;"来实现。


注释掉一段html可以使用<––要被注释的内容––>