仓酷云

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

[DIV+CSS] 今天来学习利用JQ来完成扫瞄器转动条

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

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

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

x
Div元素是用来为HTML文档内的内容提供结构和背景的元素。Div从起始到结束标签之间的所有内容都是用来构成这个块的,其中



经由过程修正CSS来改换s转动条款式,只能改换色彩,而不克不及变动转动条的巨细。
何况另有扫瞄器兼容的成绩:

我们能够选择jquery来做该效果,如许即修正了转动条的巨细,又能够做到兼容:

JS代码以下(附:jquery.linscroll.js):
<scripttype="text/javascript"src="jquery-1.1.3.1.js"></script>
<scripttype="text/javascript"src="jquery.linscroll.js"></script>
<scripttype="text/javascript">
$(document).ready(
function(){
$(’#scrollContent’).setScroll(//scrollContent为转动层的ID
{img:scroll_bk.gif’,width:10},//背景图及其宽度
{img:scroll_arrow_up.gif’,height:3},//upimage
{img:scroll_arrow_down.gif’,height:3},//downimage
{img:scroll_bar.gif’,height:25}//barimage
);});
</script>
html代码以下:
<divid="scrollContent"style="width:140px;overflow:hidden;height:170px;">
内容
</div>
正如你所见到的这个是一个方块,而网页呢,是由这么多大大小小的方块组成的,可能以下实例会更明确的让你了解这个盒子。
简单生活 该用户已被删除
沙发
发表于 2015-1-18 07:02:48 | 只看该作者
AdobeDreamweaver(前称MacromediaDreamweaver)是Adobe公司的著名网站开发工具。
分手快乐 该用户已被删除
板凳
 楼主| 发表于 2015-1-25 18:10:29 来自手机 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
乐观 该用户已被删除
地板
发表于 2015-2-3 12:57:47 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
冷月葬花魂 该用户已被删除
5#
发表于 2015-2-9 03:35:02 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
柔情似水 该用户已被删除
6#
发表于 2015-2-26 20:54:09 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
变相怪杰 该用户已被删除
7#
发表于 2015-3-8 17:43:58 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
admin 该用户已被删除
8#
发表于 2015-3-16 09:44:49 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
海妖 该用户已被删除
9#
发表于 2015-3-22 22:10:23 | 只看该作者
可以使用 CSS 检查工具进行设计。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 08:16

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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