zoukankan      html  css  js  c++  java
  • [orginal] slide bar based on web , from ABC

    hi , today we go with slider,we try to explain the greneral three aspects mean 'css, js and HTML'

    slider consist of two main parts which are the backbone and  the slide part,

    tow parts  can be separated in to tow images ,

    here is the css code :

    Code

    from js point we jsut consider the returned value , in other hand the poisiton of the slide part can be controled by the object left  property if the slide bar  is horizintally otherwise the we consider the top property for the object that is becuase the slide bar will be vertically layouted, the tooltiptext for the  slide that is to show where it slided now.

    here the code for slide object:

    Code

    now we conside  how to  call these to headers(js & css)  to create full functionall silde bar 

    include the headers in your html file by

    <head>
    <link rel="stylesheet" type="text/css" href="Slider.css"/>
    <script language="javascript" type="text/javascript" src="Slider.js"></script>
    </head>

    now add the object where will slide be located

     <div id="slide2"></div>

    now go with js object for slider

      var s2=new Slider('slide2',50,10,200,300);
          s2.setType(
    'H');

    here is the slide object , In IE.

  • 相关阅读:
    C++11——nullptr和NULL的区别
    C++11——原始字面量
    查看电脑内存是ddr3还是ddr4
    建立虚拟课堂需要考虑哪些因素?
    【解决方案】AI赋能智慧楼宇,如何实现多场景下的精细管理?
    H265网页播放器EasyPlayer.JS如何监听播放等相关事件回调?
    TSINGSEE青犀视频流媒体平台按需拉流和非按需拉流的区别及适用情况
    TSINGSEE青犀视频助力医疗废物处置可视化监管,筑牢口岸医疗废物管控防线
    TSINGSEE青犀视频行人智能检测测试报错panic: runtime error排查过程
    TSINGSEE青犀视频接入海康解码器SDK解码远程文件流程
  • 原文地址:https://www.cnblogs.com/ammar/p/1592965.html
Copyright © 2011-2022 走看看