测试猫

圆角效果 border-radius border-radius是向元素添加圆角边框。使用方法：border-radius:10px; /* 所有角都使用半径为10px的圆角 */

jQuery hide()和show()通过jQuery，你可以使用hide()和show()方法来隐藏和显示HTML元素var tip="隐藏"; $("#btn").click(function(){ if(tip=="隐藏"){ $("#box").hide(); tip="显示"; $(this).val(tip); }else{ $("#box"

pc上的web页面在手机移动端等设备上显示要加入meta标签中的viewport对页面进行渲染，否则排版出现错乱。width：设置布局viewport的特定值("device-width")设备宽度initial-scale：设置页面的初始缩放minumum-scale：最小缩放maximum-scale：最大缩放user-scaleable：用户能否缩放initial

插件官网：点击打开链接http://julian.com/research/velocity/Velocity兼容IE8和Android2.3HTML CSS.box1{ width: 100px; height: 100px; background-color: pink;}.box2{ width: 100px; height: 100px;

如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次。而jQuery的一款插件fullpage.js,可以实现全屏滚动，非常流行的效果，兼容性IE8+ 还算不错。

学了html5的拖拽事件，相信做出一款小小的拼图游戏也不难吧。就来说一下怎么用drag事件完成拼图游戏吧，当然html5的新方法在IE下是不兼容的。这里我把这个拼图游戏封装成一个小插件，感兴趣的话可以直接copy来用，使用方法很简单。HTML，3个div里面什么都不用写，分别是用来放拼图，参照图，拼图面吧的。 CSS，这里CSS基本不用写，要写的话可以把margin和padd

网页伪3D轮播图，其实就是轮播图旋转木马效果。其实在jquery插件库也有很多旋转木马的插件，但是博主封装的这个新的插件比起以上的都适应性更好。其适应性好表现在：调用灵活性高用法更简单，css样式都封装好了基本不用写，在body里面写ul>li>img标签即可，可设置参数多，甚至不同图片的大小都可以自适应轮播，各个浏览器兼容性好(包括IE，虽然我没测过IE8以下浏览器，不过IE8以上都没问题)，好

canvas是html5的新标签，其画布功能尤为强大。当然了canvas在IE10以下浏览器是不兼容的，所以呢为了特效肯定是牺牲一定的兼容性。这里呢，分享一个基于canvas开发的浩瀚星河插件，其实这个源代码是网上下载的，我把它整合了一下，重新封装一些参数提供更多的可改项。首先引入两个javascript脚本，一个是jquery插件，另一个是封装好的cosmos_canvas.jsH

百度地图API点击打开链接打开百度地图API图如下第一步创建地图：1.查找所要定位的地方，2.中心点纬度可以用鼠标拖拽地图设置，3.当前地图级别即是地图缩放级别第二步设置地图：这里其实默认设置即可，等一下可以直接用代码改地图参数。第三步添加标注1.添加点标记，在地图中按鼠标左键即可标记位置，左面设置参数并且保存。(可设置多个标注)2.

PHP是一种创建动态交互性站点的服务器端脚本语言，优势：PHP脚本语言应用广泛，开源免费，最重要的是入门简单，容易掌握。PHP能够生成动态页面内容PHP能够创建、打开、读取、写入、删除以及关闭服务器上的文件PHP能够接收表单数据PHP能够发送并取回cookiesPHP能够添加、删除、修改数据库中的数据PHP能够限制用户访问网站中的某些页面能够运行于各种平台，几乎兼容所有

HTML清除所有笔画颜色字体大小:10px黑色红色绿色蓝色CSS*{margin: 0;padding: 0;   }.box_black{background-color: black;position: absolute;}.box_red{background-color: red

HTML1.利用Javascript来改变网页中div的CSS样式//行内式var div=document.getElementById("box");div.style.width="300px";div.style.height="300px";div.style.backgroundColor="red";div.style.margin="0 auto

什么是瀑布流网页布局？瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。下面来看代码，用纯CSS3来做看效果怎样！HTML

:enabled选择器在Web的表单中，有些表单元素有可用（“:enabled”）和不可用（“:disabled”）状态，比如输入框，密码框，复选框等。在默认情况之下，这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。示例演示通过“:enabled”选择器，修改文本输入框的边框为2像素的红色边框，并设置它的背景为灰色。H

jQueryHelloWorld体验当页面加载时，以居中的方式在页面中显示“您好！这是个JQ程序”字样。 第一个简单的jQuery程序 div{ padding:8px 0px; font-size:12px; text-align:center;

jQuery节点创建与属性的处理创建元素节点：可以有几种方式。常见的就是直接把这个节点的结构给通过HTML标记字符串描述出来，通过$()函数处理，$("html结构")$("")创建为本节点：与创建元素节点类似，可以直接把文本内容一并描述$("我是文本节点")创建为属性节点：与创建元素节点同样的方式$("我是文本节点")我们通

1.HTML事件处理程序HTMLJS function showMessage(){ alert("Hellow World"); }HTML事件缺点：HTML和JS代码紧密的耦合在一起，JS代码个HTML都需要进行修改。2.DOM0级事件处理程序(较传统的方式：把一个函数赋值给一个事件的处理程序属性用的比较多的方法，简单，跨浏览器的优势)

//IE10以下浏览器不支持该方法故需要封装新的获取类名对象方法//var parent=document.getElementsByClassName("son");function getByClass(classname,parent){var oParent=parent?document.getElementById(parent):document;var eles

轮播图，是网站首页中常见的一种图片切换特效，作为前端开发者，我相信很多开发者都直接调用了Jquery中的封装好的方法实现图片轮播，省事简单。所以我想介绍一下javascript纯代码实现的图片轮播。HTML1234512345这里我相信最多疑惑的是，明明五张图

HTMLThe DogSplit between cat,belong to the cat family,cat,cat,is the world's more widelyin the family pet.Cats ancestors is presumably desert cats拉布拉多Labrador拉布拉多猎犬因原产地在加拿大

首先我们要下载个本地服务器Wampserver，并配置好参数(自行百度)。注意：配置服务器时，端口冲突要改端口，而且电脑装有mysql运行环境的话，在计算机的管理服务把mysql环境停止运行。如果运行服务器，发现弹窗报错，一般电脑缺少Microsoft Visual C++之类的运行环境，装个VC2013和VC2015试试。运行还要把php警告去除，去除方法：需要打开php/php.ini文件