<div id="announcements">
    <div id="slider1_container" class="announcements">
        <!-- Slides Container -->
        <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 725px; height: 345px; overflow: hidden;">
            <!-- Slide -->
            <div>
                <img id="annimgone" u="image" src="https://team.gsk.com/sites/chna-aar/SiteAssets/slide1.jpg" />
                <div u="caption" t="MCLIP|B" style="position: absolute; top: 295px; left: 0px; width: 725px; height: 50px;">
                    <div style="position: absolute; top: 0px; left: 0px; width: 725px; height: 50px;
                    background-color: Black; opacity: 0.5; filter: alpha(opacity=50);">
                    </div>
                    <div style="position: absolute; top: 0px; left: 0px; width: 100%; height: 50px;
                    color: White; font-size: 16px; font-weight: bold; line-height: 50px; text-align: center;">
                        <a class="white" style="color:white;" href="#" id="annone">The Change Network</a>
                    </div>
                </div>
            </div>
            <!-- Slide -->
            <div>
                <img id="annimgtwo" u="image" src="https://team.gsk.com/sites/chna-aar/SiteAssets/slide2.jpg" />
                <div u="caption" t="MCLIP|B" style="position: absolute; top: 295px; left: 0px; width: 725px; height: 50px; ">
                    <div style="position: absolute; top: 0px; left: 0px; width: 725px; height: 50px;
                    background-color: Black; opacity: 0.5; filter: alpha(opacity=50);">
                    </div>
                    <div style="position: absolute; top: 0px; left: 0px; width: 725px; height: 50px;
                    color: White; font-size: 16px; font-weight: bold; line-height: 50px; text-align: center;">
                        <a class="white" style="color:white;" href="#" id="anntwo">Express Learning</a>
                    </div>
                </div>
            </div>
            <!-- Slide -->
            <div>
                <img id="annimgthree" u="image" src="https://team.gsk.com/sites/chna-aar/SiteAssets/slide3.jpg" />
                <div u="caption" t="MCLIP|B" style="position: absolute; top: 295px; left: 0px; width: 725px; height: 50px; ">
                    <div style="position: absolute; top: 0px; left: 0px; width: 725px; height: 50px; background-color: Black; opacity: 0.5; filter: alpha(opacity=50);">
                    </div>
                    <div style="position: absolute; top: 0px; left: 0px; width: 725px; height: 50px; color: White; font-size: 16px; font-weight: bold; line-height: 50px; text-align: center;">
                        <a class="white" style="color:white;" href="#" id="annthree">Opport-Tuesdays</a>
                    </div>
                </div>
            </div>
        </div>
        <a style="display: none" href="http://www.jssor.com">javascript carousel</a>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            var siteURL = '/sites/chna-aar/'

            var clientContext = new SP.ClientContext(siteURL);
            var site = clientContext.get_web();
            var list = site.get_lists().getByTitle('Announcements');

            var query = '<Query><Where><IsNotNull><FieldRef Name="Title" /></IsNotNull></Where><OrderBy><FieldRef Name="Created" Ascending="False" /></OrderBy></Query>'

            var camlQuery = new SP.CamlQuery();
            camlQuery.set_viewXml(query);

            var items = list.getItems(camlQuery);

            clientContext.load(items);

            clientContext.executeQueryAsync(function () {
                var enumerator = items.getEnumerator();

                while (enumerator.moveNext()) {
                    var item = enumerator.get_current();
                    var title = '';
                    title = item.get_item('Title');

                    $("#annone").text(title);
                    //Alternative - $("#annone").html(title);
                }
            }, function () { });
        });
    </script>
</div>