2017年05月_石界星空

原创 js 公平抽奖

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> ul{ width: 300px; height: 300px;

2017-05-27 11:47:15 377

原创 js三角函数做360导航条

效果图：点击可旋转按先后顺序收放代码：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ padding: 0;

2017-05-27 11:04:17 613

原创 js做时钟手表，时刻准点

效果图中心思想： 1、布局，利用js添加表盘刻度； 2、利用nth-of-type（5n）来设置时针的刻度； 3、获取当前的时分秒，利用时分秒来得到指针的转动度数； 4、设置定时器1s刷新时分秒数，就可以获取转动的表盘指针了；<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></ti

2017-05-26 20:18:50 1469

原创 ajax-瀑布流

一、瀑布流的ajax应用1、制作原理列等宽型瀑布流：花瓣网画图说明 2、准备的文件数据文件接口 ajax函数（已经封装好） 3、函数的编写<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">

2017-05-22 13:57:06 378

原创 ajax-跨域

1、什么是跨域同源策略：浏览器规定只能拿同源资料；2、怎么处理跨域方法一：代理(后台做的，不做特别介绍)和做瀑布流的方法一样，就是代理的方式获取数据。后台帮写好一个数据接口。方法二：jsonp（重点掌握）jsonp原理和步骤：<script>标签 src的作用：加载（包含指定的外部文件）可以跨域包含被包含的资源可以是任何类型的文件(可以是txt,php等) 他只关注被包含的文件的内容是否是合

2017-05-22 12:42:44 247

原创跨域加载：搜索输入关键字实时更新

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{ padding: 50px; } *{

2017-05-19 19:21:45 281

原创 js 原生ajax：封装函数

1、打开服务器WampServer； 2、将文件放置在WampServer的www文件夹下； 3、打开时网页地址栏为localhost+www下的地址。eg：http://localhost/myworld/5.19ajax/index.html?__hbt=1495158145298 4、调用方式： <!DOCTYPE html> <html> <head>

2017-05-19 09:47:45 280

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Ty

2017-05-07 22:24:42 1563

原创 js拉动边框改变盒子大小

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ padding: 0; margin: 0;

2017-05-07 22:21:28 4971 1

stone10086的博客