`
flyinglife
  • 浏览: 132330 次
社区版块
存档分类
最新评论

div,css,js 学习碎片

阅读更多

1. css direction 学习

 

<div style="direction:rtl">
	google yes<input type="text">
</div>

direction 的取值有:rtl,ltr 即 right to left,left to right.

有继承属性 Inherited:true,false.

 

在上面例子中

                  如果用direction:rtl,那么内容在右对齐,并且文本框在左边,google yes在右边

                  如果用direction:ltr,那么内容在左对齐,并且google yes在左边,文本框在右边

 

2. js hasOwnProperty 学习

 

var bStr = "Test String".hasOwnProperty("split");    // 得到false, 因为不能检测原型链中的属性  
var bStr1 = String.prototype.hasOwnProperty("split"); //String对象的原型上本来就有这个属性,自然返回true  
var bObj = ({fnTest:function(){}}).hasOwnProperty("fnTest"); // 返回true,因为不是检测原型中的属性  

var bStr = "Test String".hasOwnProperty("split");    // 得到false, 因为不能检测原型链中的属性 
var bStr1 = String.prototype.hasOwnProperty("split"); //String对象的原型上本来就有这个属性,自然返回true 
var bObj = ({fnTest:function(){}}).hasOwnProperty("fnTest"); // 返回true,因为不是检测原型中的属性 

 Object 对象还具有几个方法:

hasOwnProperty(property)
    判断对象是否有某个特定的属性。必须用字符串指定该属性。(例如,o.hasOwnProperty("name"))
IsPrototypeOf(object)
    判断该对象是否为另一个对象的原型。
PropertyIsEnumerable
    判断给定的属性是否可以用 for...in 语句进行枚举。
ToString()
    返回对象的原始字符串表示。对于 Object 对象,ECMA-262 没有定义这个值,所以不同的 ECMAScript 实现具有不同的值。
ValueOf()
    返回最适合该对象的原始值。对于许多对象,该方法返回的值都与 ToString() 的返回值相同。

分享到:
评论

相关推荐

    jquery点击div层图片爆炸碎裂效果

    - 在事件处理函数中,将图片分解为多个碎片,可以创建多个小div来模拟碎片,每个碎片有不同的初始位置和大小。 - 使用`setInterval`或`requestAnimationFrame`来执行动画,调整碎片的位置和大小,模拟爆炸效果。 ...

    纯js图片碎片轮播图切换效果

    【纯js图片碎片轮播图切换效果】是一种利用JavaScript实现的独特动态图像展示技术。这种效果在用户界面上提供了引人注目的视觉体验,通过将图片分解为碎片并以特定顺序重组,创造出一种从一张图片过渡到另一张图片的...

    js碎片化图片轮播切换特效

    综上所述,"js碎片化图片轮播切换特效"是一个结合了JavaScript、jQuery和pieces.js插件的项目,通过HTML和CSS构建了一个具有视觉冲击力的图片轮播效果。这种技术可以广泛应用于网站设计、广告展示以及多媒体交互等...

    基于CSS3和GSAP的超酷盒子爆炸动画特效

    CSS3引入了关键帧动画(@keyframes),使得开发者能够创建复杂的过渡和动画效果,而无需依赖JavaScript。在这个盒子爆炸动画中,我们可以利用CSS3的transform属性,如translate、rotate和scale,以及opacity属性来...

    jQuery基于CSS3制作的文字碎片化loading加载动画特效源码.zip

    而"132686862965160238"可能是一个CSS或JS文件,包含了具体的实现逻辑。在实际应用时,需要将这个文件解压并引入到项目中,同时确保页面已经正确引入了jQuery库。 为了使用这个特效,开发者需要在HTML中设置一个...

    js酷炫banner碎片化图片轮播切换

    总的来说,"js酷炫banner碎片化图片轮播切换"是一个结合了HTML、CSS和JavaScript技术的前端项目,通过巧妙地运用这三种技术,我们可以创造出富有创意且吸引人的网页元素。在实践中,这样的效果不仅能够提升网站的...

    js碎片轮播图

    JavaScript(简称JS)是一种轻量级的脚本语言,常用于网页和网络应用开发,而“js碎片轮播图”是指使用JavaScript实现的一种动态展示图片的特效,它能够以炫酷的方式展示多张图片,常见于网站的横幅(Banner)部分。...

    jQuery 碎片式切换效果--Chop Slider

    Chop Slider 的工作原理主要是通过JavaScript的定时器(setTimeout或requestAnimationFrame)来控制图片切换的节奏,同时运用CSS3的transform属性来实现碎片的旋转和平移。这些碎片在切换过程中进行独立的动画处理,...

    网页模板——基于CSS3和GSAP的超酷盒子爆炸动画特效源码.zip

    总结起来,这个压缩包中的源码为我们提供了一个学习和应用CSS3动画与GSAP的实例。通过研究和理解这个项目,开发者可以提升在网页动画设计上的技能,更好地掌握现代Web技术,创造出更多创新和引人入胜的用户体验。...

    Js拼图游戏实现.zip

    在"Js拼图游戏实现"这个项目中,你将能够找到一个完整的JavaScript拼图游戏实例,包括HTML、CSS和JavaScript代码。通过研究这个源码,你可以学习到上述提到的各种技术,并理解它们如何协同工作,创建出一个交互式的...

    jQuery创意型图片碎片切换焦点图特效

    在原有的代码中,可能包含了很多冗余的CSS和JS样式,这不仅会影响性能,还可能增加代码的维护难度。"懒人之家"对这些代码进行了整理,去除了不必要的部分,使整个特效的实现更为清晰,更易于理解和维护。这体现了...

    jQuery+CSS3 loading文字加载动画特效

    这个特效通过将文字碎片化再组合的方式,形成一个持续循环的加载过程,为用户带来富有动态美感的视觉体验。 首先,让我们了解jQuery。jQuery是一个强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及...

    好玩的鼠标页面点击爆破效果js特效代码.zip

    总的来说,这个"好玩的鼠标页面点击爆破效果js特效代码"是一个有趣的练习,它涵盖了JavaScript事件处理、CSS3动画以及HTML元素操作等多个方面的知识。通过学习和实践这个项目,开发者可以提升自己在Web前端开发中的...

    puzzlejs:仅用 html、css 和 javascript 创建的拼图

    你需要创建一个容器来容纳拼图碎片,每个碎片可以是一个独立的div元素,通过CSS定位到正确的位置。例如,一个4x4的拼图可能需要16个div元素,每个元素都有其特定的ID或类名,以便于JavaScript操作。 CSS在游戏界面...

    javascript经典特效---图片打碎后组合.rar

    2. CSS样式:为每个&lt;div&gt;元素设置背景图片,背景位置应与图片碎片相对应,确保每个碎片显示正确。 3. JavaScript操作: - 定义变量存储碎片数组,初始化每个碎片的状态(如位置、透明度等)。 - 编写函数处理图片...

    HTML&CSS 开发规范1

    - 嵌套标签应始终闭合,如 `&lt;div&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;`。 - 提供多媒体的替代方案,如 `&lt;img alt="description"&gt;`。 - 按模块添加注释,提高可读性。 - 使用语义化标签,如 `&lt;header&gt;`, `&lt;footer&gt;`, `&lt;article&gt;`...

    hover图片碎裂效果代码

    碎片的`div`可以根据需要创建多个,每个都有不同的CSS样式,如位置、大小和透明度,以模拟更真实的碎裂效果。 最后,我们来谈谈原生JavaScript。虽然这个效果可以通过纯CSS实现,但如果你想增加更多交互性,比如...

    Image Puzzle Game in JavaScript Free Source Code.zip

    3. **碎片生成**:每一块碎片都是一个可操作的HTML元素,通常是`&lt;div&gt;`,并附有相应的CSS样式以展示图片切片。同时,这些碎片需要添加拖放功能,这涉及到HTML5的`draggable`属性和`ondragstart`、`ondragover`、`...

    html5打开页面图片组合动画特效.zip

    通过创建多个div元素来代表碎片,并设置其背景为图片的相应部分,JavaScript可以控制这些碎片在页面上的动态行为。可能使用了requestAnimationFrame或setTimeout函数来平滑地更新碎片的位置,确保动画流畅运行。 ...

Global site tag (gtag.js) - Google Analytics