Hugh's Blog

CSS3 笔记-动画效果

CSS3 知识匮乏,做个记录,感谢原作者 效果一:360 度旋转,修改 rotate (旋转度数) * { transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } *:hover { transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); } 效果二:放大,修改 scale ( ...

 

CSS 背景图片铺满

想要把一张图片作为背景图,由于图片太大,总是不能完全显示,只能显示一部分,google 之,原来是 background-size 没设置好,做个记录。 body { background: url("bg.jpg") no-repeat; background-size: 100% 100%; } size 用 ...

 

WordPress 添加自定义 Sidebar

找到一篇很好的学习教程,感谢作者,具体看这里。PS:貌似需要 FQ 才能访问-_-! 首先在 functions.php 文件下注册 sidebar if ( function_exists('register_sidebar') ) { register_sidebar(array( 'name' => 'Homepage Sidebar', 'id' => 'homepage-sidebar', 'description' => 'Appears as the sidebar on the ...

 

两个 HTML 页面之间传值

项目中有个需求是在两个 html 页面间进行传值,javascript 可以很简单的实现。 a.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>A</title> </head> <body> <a href="b.html?value=1">Redirect to b.html</a> </body> </html> b.html <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>B</title> <script type="text/javascript" charset="utf-8"> var url = location.search; ...

 

WordPress 获取文章中的图片

获取 post 中的特色图片 <?php $thumbnail_image_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'thumbnail'); echo $thumbnail_image_url[0]; // OR $thumbnail_image_url = wp_get_attachment_image_url(get_post_thumbnail_id($post->ID), 'thumbnail'); echo $thumbnail_image_url; ?> 其中 thumbnail 可以替换成 medium/large/full,分别代表获得图片的尺寸,还可以使用 array(width,height) 来 ...

 
<< Newer Posts Older Posts >>