Site Scrolling News Boxes "PLUS"

[Heritage1]

I have been playing around with some simple little scrolling News Boxes, and came up with this for everyone.

You can have a peek at ; PhPvMs Site= http://heritage-va.net/hva

or http://heritage-va.net (Main Site)

Look to the right on theses sites, on the home pages.

Below are some code snippets for above, and I have added some page scrolling scripts that

Work great with PHPVMS also. Hope ya all can use these.

Jimbo "Jungle"

Heritage VA , CEO

<!--Heritage VA 2016 , Demo; http://heritage-va.net/hva-->
<!-- Scrolling News or what ever you'd like to scroll in your site
The below script must be after the head tag, or the body tag.-->
<!-- NOTE: this can also be put into any *.htm page you created in the admin panel
Or even adding a news item, make sure on the news you use the source button first.-->
<script type="text/javascript">
//IMPORTANT::::specify path to your external page:
var iframesrc="external.htm" //you may use any htm,html extensions
//You may change most attributes of iframe tag below, such as width and height:
document.write('<iframe id="datamain" src="'+iframesrc+'" width="150px" height="150px" marginwidth="0" marginheight="0"
hspace="0" vspace="0" frameborder="1" scrolling="no"></iframe>')
</script>
<!-- end of head tag or body tag -->
//===============================================================================================
<!-- Heritage VA 2016: http://heritage-va.net/hva for demos -->
<!-- Page up and down made easy ! -->
<!-- Step #1: Insert into the Head Tag -->
<script>
var Hoffset=70 //Enter buttons' offset from right edge of window (adjust depending on images width)
var Voffset=80 //Enter buttons' offset from bottom edge of window (adjust depending on images height)
var thespeed=3 //Enter scroll speed in integer (Advised: 1-3)
var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var myspeed=0
var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") :
document.staticbuttons
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function positionit(){
var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset
var dsoctop=document.all? iecompattest().scrollTop : pageYOffset
var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight
if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px"
cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px"
}
else if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}
function scrollwindow(){
window.scrollBy(0,myspeed)
}
function initializeIT(){
positionit()
if (myspeed!=0){
scrollwindow()
}
}
if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)
</script>
<!-- End of step #1 -->

<!-- Step #2=Page Scrolling with New arrows,,,, pages etc. -->
<!-- Simply add the below script to the bottom of your page (ie: right above </BODY>):
Or you may put this into your layout.php also. whatever works for your site.-->
<!-- Pay attention and keep these arrows you decide to use inside of the ( div attribute )
You may use arrows of your choice,or create your buttons.remember the ( img src= ) where your
buttons/arrows live etc. Do not change the order of the below lines, it won't work.-->

<div id="staticbuttons" style="position:absolute;z-index:1000">
<a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0">
<img src="arrows_up.gif" border="0"></a><br>
<a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0">
<img src="arrows_dn.gif" border="0"></a>
</div>
<!-- end of step #2-->

[shakamonkey88]

[deleted]

Edited September 21, 2016 by shakamonkey88