Ⅰ HTML里面怎么用 滚动条显示一种图片
这需要写 js 的
Ⅱ 怎样excel制作带滚动条的图表
建立窗体控件
1.点击开发工具——插入——滚动条窗体控件。
Ⅲ HTML 滚动条背景可以加图片吗 举个例子谢谢
可以的
页面代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>-->
</head>
<style>
.box {
height: 150px;
width: 300px;
overflow: auto;
}
.box p {
height: 300px;
}
.box::-webkit-scrollbar {
width: 10px;
height: 1px;
}
.box::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: url(img/banner01.jpg);
}
.box::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 5px;
background: url(img/123.jpg);
}
.box .srcoll::-webkit-scrollbar {
width: 10px;
height: 1px;
}
.box .srcoll::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #ccc;
}
.box .srcoll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 5px;
background: #EDEDED;
}
/*滚动条样式 end*/
</style>
<body>
<div class="box">
<p>11111</p>
</div>
</body>
</html>
//记得改一下css的图片路径
Ⅳ 几张图片竖着的让随滚动条下滑 用CSS
<div id="colee_right" >
<ul>
<li><img></li>
<li><img></li>
<li><img></li>
</ul>
</div>
用下面的样式
#colee_right{
bottom:20px;
display:block;
height:100px;
position:fixed;
right:20px;
width:100px;
}
具体的宽度和位置你自己调整
Ⅳ 用什么软件可以给图片加滚动条
你确定是图片带滚动条了,看样子,是图片放在帧里面而已吧。
图片加链接只是一个html语句而已啊
Ⅵ DIV中图片随滚动条滚动
给图片套个div,给这个div加个css类,样式里面加上,position:fixed就行了。你也可以通过position定位到左上角
Ⅶ 怎么在网页实现图片随滚动条滚动
是这样的吗?
http://www.makewing.com/lanren/jscode/js-0022/
下载地址:http://www.makewing.com/lanren/jscode/js-0022.rar
Ⅷ 在html中如何让图片跟着滚动条而动
1、新建一个文件夹,用来存放网页文件和图片,快捷键ctrl+shift+n。
Ⅸ 图片随滚动条上下滚动的代码
图片滚动代码 [横的]
--------------------------------------------------------------------------------------------------------------
<div id=demo style=overflow:hidden;height:120;width:600;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td><img src=jsimg/1.jpg width=150 height=100></td>
<td><img src=jsimg/2.jpg width=150 height=100></td>
<td><img src=jsimg/3.jpg width=150 height=100></td>
<td><img src=jsimg/4.jpg width=150 height=100 ></td>
<td><img src=jsimg/5.jpg width=150 height=100></td>
</tr>
</table>
</td><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=10//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
------------------------------------------------------------------------------------------------------------
[竖直的]
<DIV id=demo style="BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 150px; COLOR: #0000ff; HEIGHT: 500px">
<DIV id=demo1>
<div align="center">
/<A href="http://www.google.com" target=_blank><IMG src="/noo_Uploadfile/200641713559559.jpg" border=0></A><br>
<A href="http://www.google.com" target=_blank><IMG src="/noo_Uploadfile/200641713559367.jpg" border=0></A><br>
<A href="http://www.google.com" target=_blank><IMG src="/noo_Uploadfile/200641713559367.jpg" border=0></A><br>
</div>
</DIV>
<DIV id=demo2></DIV>
</DIV>
<SCRIPT language="javascript">
var speed=10;
demo2.innerHTML=demo1.innerHTML;
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0){
demo.scrollTop-=demo1.offsetHeight;
}
else{
demo.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
demo.onmouseover=function() {clearInterval(MyMar)};
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</SCRIPT>
Ⅹ EXCEL中如何制作滚动条控件控制的动态图表
建立窗体控件
1.点击开发工具——插入——滚动条窗体控件。