仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 976|回复: 9
打印 上一主题 下一主题

[DIV+CSS] 今天来学习JS核心图库 myFocus

[复制链接]
灵魂腐蚀 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 10:37:05 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
我们需要重新进行页面布局,比如对背景图片的定义,只用针对每一个Div元素重新定义其具体位置、样式就行了。



1、甚么是myFocus

myFocus是一个专注于核心图/轮换图制造的JS库,它玲珑并且是完整自力的JS库,也许是6~7KB摆布的巨细(min版),用它能够轻松的制造出网上尽年夜部分罕见的核心图(乃至包含Flash核心图),并且制造出的核心图体积也十分的小(1KB摆布),功效也非常的完整,由于是轻量级,其运转效力也比罕见的核心图要高,最主要的一点是,用myFocus制造出的核心图利用非常的复杂便利,并且每一个核心图的接口/布局都是通用的,如许,只用1~2秒工夫就给网站换分歧作风的核心图成了大概。
2、myFocus的长处

myFocus的计划理念就是复杂易用,不管是何等庞大使用的核心图。
这就意味着,myFocus的一切核心图都能够轻松的切换作风、变动巨细、增加恣意多的图片等本性设置以疾速的使用到你的网站上。
注重是一切,包含带有略缩图作风的核心图,这也许会带给你亘古未有的体验。
EnjoyIt~
3、myFocus的劈头

之前我卖力做很多网站,并且在计划的时分很多是必要用到核心图的,谁人时分只能在网上找,或到其余网上往“扒”。这历程很烦琐,并且头痛的是有些核心图是说明版权信息的,比方某些flash的核心图。固然,也有很多专门供应核心图的网站,我也下载了良多(年夜多是flash格局),但能用到实践中的,倒是十分的少。一方面是由于flash源码的非公然性,如许想把它们改成和本人网站作风符合的款式很难;另外一方面多是我团体的“情绪”成绩,我在想假如flash真的那末壮大好用,那为何另有那末多网站宁肯接纳js做本人的核心图呢?这一定是有缘故原由的。以是,对一些钟情的flash核心图,我常常想:假如它的格局是js的话那是何等好啊……终极,我用本人的举动来完成了本人的设法,因而1个多月后有了典范论坛的谁人帖子:仿2010世博会主页flash核心图。这也是首个以myFoucs定名的核心图。
十分侥幸,这帖子引发了很多网友的存眷和回帖,并且版主也给了个好评,这些都是鼓励我持续研讨下往的动力。最初我特发奇想:每一个核心图为何要自力呢?能不克不及像播放器的皮肤一样能够随便切换分歧的作风?我把设法帖下去,由于我想断定是否是已有人如许想并且已完成了。厥后懂得到,有一个JQ插件叫switchable,用它能够完成网页元素的切换效果,比方核心图、走马灯的图片展现、tab切换等。固然它和我的设法有些靠近,但它注意的是完成“切换”这个功效,而不是我的初志:完成能够“切换分歧的效果”。
在断定不会“反复造车轮”以后,myFocus项目终究动身了。
最初增补一下:为何不基于jQuery而是自力的库?myFocus有无jQuery的版本?
我能够了解,JQ是一个十分好用的JS库且十分的盛行,myFocus内里的良多头脑也都是向JQ致敬的,但我仍是没有接纳JQ。
一方面是由于我想myFocus能够合用更多的人群而不但范围于JQ,二是myFocus自己是一个极轻量的库即便基于JQ来写也是,JQ和myFocus一同用其实不会有任何的抵触;三是我以为myFocus在核心图方面的运转效力会比JQ要好。固然你能够发E-Mail给我,以分享你分歧的定见。
myFocus明天的公布必要感激良多人,人人的撑持是myFocus走下往的最年夜动力,再次感谢人人!
这里下载实例http://www.cosmissy.com/myfocus/download.html
Dreamweaver只是充当一个文本编辑器的角色,而你所有的工作基本都在代码视图中完成,在这里我推荐adobe最新的dreamweavercs4。当然如果CS5出现了我也会去试用它。
若相依 该用户已被删除
沙发
发表于 2015-1-18 07:09:39 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
金色的骷髅 该用户已被删除
板凳
发表于 2015-1-25 23:11:35 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
乐观 该用户已被删除
地板
发表于 2015-2-4 13:37:50 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
谁可相欹 该用户已被删除
5#
发表于 2015-2-10 00:45:20 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
再现理想 该用户已被删除
6#
发表于 2015-2-10 00:45:20 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
飘灵儿 该用户已被删除
7#
发表于 2015-2-28 11:50:53 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
小女巫 该用户已被删除
8#
发表于 2015-3-9 23:22:28 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
蒙在股里 该用户已被删除
9#
发表于 2015-3-17 03:10:30 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
山那边是海 该用户已被删除
10#
发表于 2015-3-23 18:15:17 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-16 00:47

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表