随笔分类 - 网页特效
摘要:实现效果如下图所示: 切换option,图片也跟随切换 代码如下: css部分: fieldset{border:1px #ebebeb solid;padding:15px 10px 15px 10px;padding-left:230px;margin:0 0 10px 0;}.yuan fie
阅读全文
摘要:可以设置一个撑到页面底部的div(此div无需指定高度可以自动呈现盛满屏幕的高度)一般用于制作后台框架式放置iframe模块用 代码如下: 效果图如下:
阅读全文
摘要:css3边框阴影效果box-shadow用法详解 案例演示如下: 其中前2个值的用法跟对背景图片进行定位时的用法差不多。 将/zz/前的那句代码替换为:box-shadow:0px 0px 30px 10px #abcdef; 效果图如下: 前4个属性均可设置为负值。
阅读全文
摘要:php页面post方法实现ajax,入门实例教程 1、ajax.php页面,源码如下: 2、action.php页面 3、程序运行截图如下: . 可以清楚的看到提交后的结果出现在当前页面,且表单里的信息还在。到这里以php,post方式演示的ajax案例就完成了!
阅读全文
摘要:ajax,入门实例教程 本例针对php页面,做了一个小的demo加深对ajax的理解 1.文档结构: 共有ajax.php 和action.php 2个页面。 2.源码如下: 运行截图如下: 输入hello,运行结果截图如下: 可以看到第一行的内容被输入的内容替代,但input里的内容仍然存在,页面
阅读全文