summaryrefslogtreecommitdiffstats
path: root/ecomp-portal-FE/client/bower_components/jquery.newstape/readme.md
diff options
context:
space:
mode:
Diffstat (limited to 'ecomp-portal-FE/client/bower_components/jquery.newstape/readme.md')
-rw-r--r--ecomp-portal-FE/client/bower_components/jquery.newstape/readme.md99
1 files changed, 0 insertions, 99 deletions
diff --git a/ecomp-portal-FE/client/bower_components/jquery.newstape/readme.md b/ecomp-portal-FE/client/bower_components/jquery.newstape/readme.md
deleted file mode 100644
index 4383382c..00000000
--- a/ecomp-portal-FE/client/bower_components/jquery.newstape/readme.md
+++ /dev/null
@@ -1,99 +0,0 @@
-JQuery Newstape
-===================
-Simple Touch-enabled News Ticker Plugin
-
-Newstape is a really small jQuery text scroller plugin which automatically & vertically scrolls through a list of news feeds with support for mouse wheel, mouse drag and touch swipe events.
-
-[DEMO](http://www.jqueryscript.net/demo/Simple-Touch-enabled-News-Ticker-Plugin-Newstape/)
-
-How to use it:
--------------
-Load jQuery library and the jQuery newstape plugin in your html page.
-``` html
-<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
-<script src="jquery.newstape.js"></script>
-```
-Load the optional jQuery mousewheel plugin for mouse wheel support.
-``` html
-<script src="jquery.mousewheel.min.js"></script>
-```
-Load the optional jquery.event.drag plugin for drag & swipe support.
-``` html
-<script src="jquery.event.drag.min.js"></script>
-```
-Create a basic news ticker as follow.
-``` html
-<div class="newstape">
- <div class="newstape-content">
- <div class="news-block">
- <h3>News 1</h3>
- <small>13.04.2015</small>
- <p class="text-justify"> Content 1 ... </p>
- <div class="text-right"> <a href="#">More</a> </div>
- <hr />
- </div>
- <div class="news-block">
- <h3>News 2</h3>
- <small>13.04.2015</small>
- <p class="text-justify"> Content 2 ... </p>
- <div class="text-right"> <a href="#">More</a> </div>
- <hr />
- </div>
- <div class="news-block">
- <h3>News 3</h3>
- <small>13.04.2015</small>
- <p class="text-justify"> Content 3 ... </p>
- <div class="text-right"> <a href="#">More</a> </div>
- <hr />
- </div>
- </div>
-</div>
-```
-Add your own CSS styles to the news ticker.
-``` css
-.newstape {
- background-color: #3BB0D6;
- color: #fff;
- height: 400px;
- overflow: hidden;
-}
-
-.newstape-content {
- position: relative;
- padding: 15px;
-}
-
-.newstape-drag { cursor: ns-resize; }
-
-.text-center { text-align: center; }
-
-.text-right { text-align: right; }
-
-.text-justify { text-align: justify; }
-```
-Call the plugin to start the news ticker.
-``` javascript
-$('.newstape').newstape();
-
-```
-Default settings.
-``` javascript
-$('.newstape').newstape({
-
-// timer period
-period: 30,
-
-// offset pixel count
-offset: 1,
-
-// mousewheel scrolling
-mousewheel: true,
-
-// mousewheel offset pixel count
-mousewheelRate: 30,
-
-// dragging tape content
-dragable: true
-
-});
-```