Jan152016
如何使用CSS动画增强用户体验
CSS动画是一种令人印象深刻且吸引用户注意的方式,可以为用户提供更加丰富的视觉体验。在现代网页设计中,CSS动画是提供出色用户体验的重要工具之一。在本文中,我们将探讨如何使用CSS动画增强用户体验。
简介CSS动画
CSS动画是一种利用CSS属性和关键帧来创建精美动态效果的技术。它可以为网页添加运动、色彩和其他生动的效果,以吸引用户的注意力。
为什么使用CSS动画
CSS动画具有多种好...阅读全文
抢沙发
Jan042016
基于yaf的Hello world示例
基于yaf的Hello world示例,假设我的例子的站点目录为 /var/www/yaf_test ,我采用的目录结构如下:
– index.php //入口文件
+ public
|- .htaccess //重写规则
|+ css
|+ img
|+ js
+ conf
|- application.ini //配置文件
+ application
|+ controllers
|- Index.php //默认控制器
|+ views
|+ index //控制器
|- index.phtml //默认视图
|+ modules //...阅读全文
Jan022016
Sep232015
yii模板中常用变量总结
yii模板中常用的一些变量总结。
现有这样一个url:http://www.phpernote.com/demos/helloworld/index.php/xxx/xxx
则通过如下方式获取的值对应分别为:
除域名外的首页地址
echo Yii::app()->user->returnUrl; // ‘/demos/helloworld/index.php’
当前页面url
echo Yii::app()->request->url; // ‘/demos/helloworld/index.php/xxx/xxx’
当前域名
...阅读全文
May082015
Yii常用路径方法总结
Yii框架中的一些常见的路径方法的使用方法总结。
在控制器添加CSS文件或JavaScript文件:
Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl.'/css/my.css');
Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl.'/css/my.js');
<?php echo $this->module->assetsUrl; ?>/css/main.css
调用YII框架中framework/web/js/...阅读全文
May052015
jquery弹出窗口插件(兼容所有浏览器)分享
由于工作中经常碰到页面需要弹窗这种效果的,于是从网上下载的一些弹窗效果研究了下,总感觉有些弹窗效果虽然很酷,但问题很多,更要命的是代码一大堆大堆的,看着很头痛,于是根据实际需要自己用jquery写了一个弹窗效果并做成了插件的形式,有需要的可以下载下来看看。
jquery弹出窗口插件(兼容所有浏览器)效果
需要说明的是本例实现的比较粗糙,读者可以根据自己的实际情况做相应的修改...阅读全文
May042015
Yii framework框架之模块开发分析
一个稍微大点的项目,如果按照yii生成的webapp进行开发。所有的controller放到controllers文件夹下,所有的model放到models文件夹下面,如果你有 n 多个 controller 和 n 多的 model ,这种情况下维护代码将是一个非常痛苦的过程。为了避免这种情况,Yii 提供了一种 Modules(模块) 的目录结构方式。
Modules(模块) 是一个独立的单元,包含视图、控制器和其它组件,它和一个应用的区别是不...阅读全文
Mar302015
yii框架目录结构详细分析说明
本文详细的列举了用yii开发一个项目的目录结构以及目录说明,正在学习php框架yii的朋友可以收藏看看。
/****yii核心源码目录结构说明****/
|–framework 框架核心库
|–base 底层类库文件夹,包含CApplication(应用类,负责全局的用户请求处理,它管理的应用组件集,将提供特定功能给整个应用程序);CComponent(组件类,该文件包含了基于组件和事件驱动编程的基础类,从...阅读全文
Dec162014
CSS打造圆角Table
使用css代码打造圆角table,当然也可以制造圆角div。效果如下图:
css以及具体的html代码如下:
<html xmlns="http://www.phpernote.com">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS打造圆角Table</title>
<style type="text/css">
div.RoundedCorner{background:#9BD1FA;width:260px;}
b....阅读全文
Dec012014
复选框(checkbox)和单选框(radio)与文字水平垂直居中对齐的解决方法
今天项目中出现了一个checkbox与同一行的文字不能对齐的问题,检查后发现个问题,checkbox和radio两个标签的默认高宽都是13px,而项目中使用的字体大小却是12px,如果将字体调整为14px就不存在这个问题了,于是作者根据网上查到的资料整理了几种解决办法。
先发一下具体的问题情况以及解决后的效果:
具体解决代码如下:
<html>
<head>
<meta charset="UTF-8">
&l...阅读全文