<!DOCTYPE html> <html> <head> <title>Random_Color-Transformation</title> <style type="text/css"> .div1{ height: 50px ; width: 320px; background-color: red; font-size: 0.5em; font-weight: bold; font-style: ital…
//按钮出现时的动画效果 + (void)buttonAnimation:(UIButton *)sender { CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:@"transform"]; CATransform3D scale1 = CATransform3DMakeScale(0.5, 0.5, 1); CATransform3D scale2 = CATransform3DM…
//JavaScript点击按钮显示确认对话框 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>My First Script</title> <script type=&q…
Javascript&Ajax-深入浅出JSONP--解决ajax跨域问题 原理讲解: 链接地址:http://www.cnblogs.com/chopper/archive/2012/03/24/2403945.html 示例代码: 链接地址 http://www.cnblogs.com/xishuai/p/3552919.html 这里主要是涉及到 "同源策略" 这个概念 为什么会出这样的错误呢?这是因为所有支持Javascript的浏览器都会使用同源策略这个安全策略.看看…
编程练习 在一个大学的编程选修课班里,我们得到了一组参加该班级的学生数据,分别是姓名.性别.年龄和年级,接下来呢,我们要利用JavaScript的知识挑出其中所有是大一的女生的的名字哦. 学生信息如下: ('小A','女',21,'大一'),  ('小B','男',23,'大三'), ('小C','男',24,'大四'),  ('小D','女',21,'大一'), ('小E','女',22,'大四'),  ('小F','男',21,'大一'), ('小G','女',22,'大二'),  ('小H…
javaScript 删除事件 弹出确认 取消对话框 1. <a href="javascript:if(confirm('确实要删除?'))location='http://www.baidu.com'">删除</a> 2. <script language="JavaScript"> function delete_confirm(e) { if (event.srcElement.outerText == "删除&…
具体代码如下 button{ position: relative; } button:active::before { display: block; content: ''; position: absolute; top: 0px; left: 0px; width: %; height: %; background: rgba(, , , %) } 如果是自定义DIV也是可以用同样方法的,可以改为 .btn{ position: relative; } /**这里的active为选中的状…
查看本章节 查看作业目录 需求说明: 使用 JavaScript自定义函数计算出教室的体积大小,其中教室的长.宽.高分别为 8 米.5 米.3 米 实现思路: 创建 HTML 页面 在页面的 <body> 标签中定义计算体积的函数,并将计算的体积作为返回值返回出来 调用计算体积的函数,并将 8.5 和 3 作为 3 个参数传递到函数中 实现代码: <body> <script type="text/javascript"> // 使用自定义函数 fu…
顾名思义.所谓"掉落弹出层".就是出现一个弹出层,而出现的位置是从上方向下掉落.掉落到指定的位置停止,这样分析起来.和"右下角弹出提醒对话框"比起来,确有异曲同工之妙啊,一个从上向下.一个由下及上. 实现原理: 我们最好还是肢解了这个动作来看,能够大概分为这几个部分: 1.弹出弹出层,弹出层位置在屏幕上方不可见. 2.弹出层从上而下的降落: 3.弹出层到达指定位置,停止降落. 假设加上缓冲弹跳效果的话,就是四部分: 4.出现缓冲弹跳效果.直到精巧,而弹跳效果简单了说…
JavaScript判断图片是否加载完成的三种方式 有时需要获取图片的尺寸,这需要在图片加载完成以后才可以.有三种方式实现,下面一一介绍. 一.load事件 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE HTML> <html> <head>     <meta charset="utf-8">     <title>img - load event</title>…