今天来学习JS核心图库 myFocus
我们需要重新进行页面布局，比如对背景图片的定义，只用针对每一个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出现了我也会去试用它。 还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。 经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅. Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。 只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。 俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。 技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。 布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。 Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
页:
[1]