abcd3699-优快云博客

转载分享一个轻量级的代码高亮插件-jshighlight

jshighlight-一款基于javascript的轻量级的代码着色插件，这个插件使用比较简单，而且代码比较少。虽然原生只支持html、css、javascript，但是它也可以被扩展以支持其他的语言，下面会讲到怎么去扩展它，本博客已经将原来臃肿的插件替换成了jshighlight，具体效果可以查看这篇文章中的代码，下面简要介绍一下她的一些信息：插件特点真正轻量级...

2013-05-14 19:31:00 312

转载自身浮动法三栏布局自适应

<!doctype html><html><head><meta charset="utf-8"><title>自身浮动法</title><style> .parent{ margin:auto; background:#09F; } .left{ width:200px; height:200p...

2012-09-30 22:04:00 170

转载绝对定位法三栏布局自适应

<!doctype html><html><head><meta charset="utf-8"><title>绝对定位法</title><style> .parent{ margin:auto; background:#09F; position:relative; } .left{ width...

2012-09-30 09:47:00 170

转载关于IE中image的onload事件失效解决问题

这两天做一个简单的图片查看器，其中用到了“上一页”和“下一页”，加载图片的时候用new Image()，然后设置image的src属性，在Google Chrome/Opera/FireFox中一切正常；代码如下：1 var i = new Image();2 i.src = _this.settings.imgs[_this.currIndex];3 //baidu.d...

2012-08-25 22:46:00 374

转载 HTML5简单音乐播放器

手机上测试效果手机上测试效果手机上测试电脑上测试效果转载于:https://www.cnblogs.com/love17914/archive/2012/06/30/2571309.html

2012-06-30 20:42:00 182

转载前端练习：仿UC首页界面设计

电脑上测试效果电脑上测试效果手机上测试效果（Android）转载于:https://www.cnblogs.com/love17914/archive/2012/06/29/2570423.html

2012-06-29 20:50:00 154

转载 JavaScript+CSS3写的Web版纸牌

好几天没有更新自己的博客了，这段时间，作业比较多，试验报告比较多，老师要写纸质试验报告，还要电子档，考试不按照她上课讲的思路那就得不到几分。。。她这观点一出来，我就傻了，不能有自己的见解了。。。废话就到这里，小小抱怨一下，o(∩_∩)o下面进入正题，这几天忙着做了一个JavaScript的纸牌。与Windows的纸牌相似，规则如下：1.有3个叠牌区域和4种牌，左上角叠牌区，右...

2012-06-08 22:47:00 268

转载 JavaScript鼠标拖动+自动吸附实例

JavaScript鼠标拖动+自动吸附实例学了几天的JavaScript，自己动手做了一个简单的鼠标拖动的实例，拖动过程中科自动检测与目标容器的距离，在一定的距离范围内可以自动将被拖动的元素加入到目标容器中，希望对开始学习javascript的童鞋有用……先看看效果图（Chrome、FireFox、Opera、Safari测试通过）：效果图（虚线框：目标对象蓝色填...

2012-06-02 16:40:00 1079

转载 Javascript中的对象和原型(三)

Javascript中的对象和原型(三)在Javascript中的对象和原型(二)中我们提到，用构造函数创建的对象里面，每个对象之间都是独立的，这样就会降低系统资源的利用率，解决这样问题，我们就要用到下面提到的原型对象。一原型对象原型对象实际上就是构造函数的一个实例对象，和普通的实例对象没有本质上的区别。可以包含特定类型的所有实例的共享属性或者方法。这样，如果我们需要修改所...

2012-05-30 11:30:00 107

转载 Javascript中的对象和原型(二)

Javascript中的对象和原型(二)上一篇中提到了JavaScript中对象的创建的一些基本操作，接下来讨论下继续讨论。一工厂模式我们知道，要创建一个对象我们可以用如下代码：var user = new Object(); //使用new运算符创建一个对象user.name = '念在三角湖畔'; //给对象添加属性user.age = 22;use...

2012-05-29 11:40:00 92

转载 Javascript中的对象和原型(一)

Javascript中的对象和原型(一)面向对象的语言（如Java）中有类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。但是，JavaScript 没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。要了解面向对象，首先就要了解Javascript中的对象和原型。这篇文章中主要学习一下Javascript中的对象。一关于对象对象其实就是一种引用类型。...

2012-05-28 15:20:00 104

转载 JavaScript中的数组排序

JavaScript中的数组排序JavaScript提供了sort()方法和reverse()方法，使得我们可以简单的对数组进行排序操作和逆序操作。其中：1.JavaScript的sort()中如果没有指定比较函数，则默认会按照字符的编码顺序进行升序排序。也就是说如果我们想要对数值进行排序得到的不一定是我们想要的结果。2.Javascript的reverse()将数组中的元...

2012-05-20 11:30:00 187

转载 JavaScript中的数组

JavaScript中的数组Array是JavaScript中常用的类型，并且JavaScript中的数组和其他语言的数组有比较大的区别。JavaScript中数组中存放的数据类型不一定相同，而且数组的长度也是可改变的。下面记录一下Array的常用操作：一新建数组新建数组可以用一下方法：var obj = ['zdy',22,'湖北武汉','计算机科学与技术']...

2012-05-19 18:05:00 144

转载 CSS3+HTML5学习笔记四--CSS三栏布局-宽度只适应

三栏布局-宽度只适应以前做三栏布局时，最常用最简单的方法可能就是：采用float+margin来实现，而CSS3的时代，我们可以有另一种比较“时尚”的方法,就是css3中的盒子模型，代码如下： 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-T...

2012-05-14 22:25:00 132

转载 [原创] Jquery+jquery.jqzoom实现的商城图片展示-原创无错

Jquery+jquery.jqzoom实现的商城图片展示-原创无错以前做的一个，今天突然看到了，与大家分享。这个效果其实网上也有很多人写了，主要是有的地方错位了，于是自己动手写了一个，代码或许写的不好，。效果图：点击下载实例By：念在三角湖畔转载于:https://www.cnblogs.com/love17914/archive/2012/05/13/24981...

2012-05-13 16:12:00 112

转载第一次欣喜--基于Web的小型3D试衣间

第一次参加学生科研，所做的网页也是第一用ps设计。现在看来，所有的东西都显得那么别扭，当时的方法又是那么的愚笨，但是这是一个过程，相信没有这个过程也就没有今天的进步，进步，是一点一滴……当这个科研最终得到老师的好评，获得了市小发明小制作一等奖，我有了动力。。。网站首页转载于:https://www.cnblogs.com/love17914/ar...

2012-05-12 14:56:00 195

转载 CSS3+HTML5学习笔记三-纯CSS3实现的瀑布布局

以前就觉得，Chinaz中图片瀑布布局很好看，以前也看过别人实现的一些方法，大部分是用js实现的，今天试了一下，用CSS3简单的实现了类似的布局效果，希望对大家有用！Chinaz中的效果：我的代码：<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" co...

2012-05-10 21:56:00 94

转载 CSS3+HTML5学习笔记二-绘制播放器按钮

每天学一点点Html5+Css3,慢慢积累经验，从基础做起。下面主要介绍一下绘制简单的播放器按钮；首先，看看当DIV的宽度和高度都为0的时候，设置边框成了什么样子？代码如下： 1 <!DOCTYPE> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 ...

2012-05-09 17:40:00 394

转载 CSS3+HTML5学习笔记一-绘制遨游浏览器Logo

最近开始学习前段开发的一些知识，当然少不了Html5和Css3，作为我的第一课，我参照别人的例子，自己动手，用Css3绘制了一个遨游的Logo。现记录一下嘿嘿： 1 <!DOCTYPE> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <style&...

2012-05-08 16:44:00 144

abcd3699的博客