2022-01-13站长百科下载本文个性,做出,图片,滚动条,配合
如果你想定制出一个漂亮的滚动条的话,这个JS特效可能会适合你,不过代码稍嫌麻烦些,但效果真的不错,代码含有中文注释,学习也是不错的,希望朋友们喜欢.
图片与JavaScript配合做出个性滚动条 * { margin:0; padding:0; } body { margin:20px 0 400px 20px; font:12px Arial; } h1 { font-size:14px; } ol { margin:20px; line-height:160%; } #out { position:relative; width:500px; height:300px; margin:100px 0 100px 80px; border:1px solid #369; overflow:hidden; } #content { width:520px; height:100%; overflow:auto; -moz-user-select:none; } #scrollBar,#scrollBarHandle,.scroll_bar_top,.scroll_bar_top_a,.scroll_bar_bottom,.scroll_bar_bottom_a { background-image:url(//img.jbzj.com/demoimg/200910/un_bg_scrollBar.gif); } #scrollBar { position:absolute; top:0; right:0; z-index:9; width:14px; height:100%; background-repeat:repeat-y; background-position:-42px 0; float:left; } #scrollBarTop,#scrollBarHandle,#scrollBarBottom { position:absolute; left:0; cursor:default; } #scrollBarTop,#scrollBarBottom { width:100%; height:14px; color:#fff; text-align:center; } #scrollBarTop { top:0; } #scrollBarBottom { bottom:0; } #scrollBarHandle { width:100%; background-repeat:repeat-y; background-position:-28px 0; } .scroll_bar_top { background-position:0 0; } .scroll_bar_top_a { background-position:-14px 0; } .scroll_bar_bottom { background-position:-56px 0; } .scroll_bar_bottom_a { background-position:-70px 0; } fsdfsfsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfsfsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfsfsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs11111111fsdfs [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
以上就是图片与JavaScript配合做出个性滚动条的详细内容,更多请关注本站其它相关文章!
《图片与JavaScript配合做出个性滚动条.doc》
下载本文的Word格式文档,以方便收藏与打印。
先导入文件 使用命令创建图片占位符 可以显示指定的文字
在实际研发过程中,可能会遇到过这样的问题:测试通过 valgrind 验证当前代码存在变量未初始化的问题,但仅通过 valgrind 测试报告,研发无法确认具体的应用场景。本文将通过 valgrind 检测并定位程序中变量未初...
项目需求:某市级组织考试,在考试前需审核考生采集表中的考生照片是否合格,由于要审核的考生信息采集表有很多,原先进行的是手动人工审核,比较费时费力,审核的要求也很简单,并不判断考生是否是图片本人(身...
using System; using System.Drawing; using Emgu.CV; using Emgu.CV.CvEnum; using Emgu.CV.Structure; namespace ZNLGIS { public class ImageClass { //图片裁剪 public static Imag...
为了做一个图像分类的小项目,需要制作自己的数据集。要想制作数据集,就得从网上下载大量的图片,再统一处理。 这时,一张张的保存下载,就显得很繁琐。那么,有没有一种方法可以把搜索到的图片直接下载到本地...
有时候不如不想输入路径,那就需要用os模块来修改当前路径 下面是从其他地方看到的一个例子,就是把图片url中的图片名字修改,然后就可以循环保存了,不过也是先确定了某个url 来源:http://www.oschina.net/code...
Python版本: # 下载单张图片到本地,看用时多少 import urllib.request import datetime starttime = datetime.datetime.now() pic='https://img.onvshen.com:85/gallery/23789/22210/s/0.jpg' name=pic.split...
一、资源下载地址 https://www.aliyundrive.com/s/jBU2wBS8poH 本项目路径:项目->收费->百度图片下载器(可试用5分钟) 安装包直接下载地址:http://139.9.165.1/media/BaiduPicDown.exe 二、项目介绍 1、...