我想使用JavaScript来显示我的XSLT,但在我的服务器上没有任何东西出现在浏览器中.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="main.js"></script>
<meta http-equiv="Content-Language" content="en-us"/>
<title>Contracting, Licensing and Compliance News</title>
</head>
<body>
<script language="javascript">
function displayMessage() {
// Load XML
var xml = new ActiveXObject("Microsoft.XMLDOM")
xml.async = false
xml.load("site-index.xml")
// Load the XSL
var xsl = new ActiveXObject("Microsoft.XMLDOM")
xsl.async = false
xsl.load("site-index.xsl")
// Transform
document.write(xml.transformNode(xsl))
}
</script>
</body>
</html>
这是我幻灯片的标记.正如您在我的样式表中所看到的,我明确指定了幻灯片的高度,但我真的想避免这种情况,因此当我使浏览器变大或变小时,幻灯片大小也会发生变化.
<section class="contentSlider">
<section class="contentSliderControls">
<a href="#" class="controlPrev">Prev</a>
<a href="#" class="controlNext">Next</a>
<ul class="controlSlides"></ul>
</section>
<ul class="slides">
<li><img class="sliderImage" src="/images/sliderContent_1.png" alt="" /></li>
<li><img class="sliderImage" src="/images/sliderContent_1.png" alt="" /></li>
<li><img class="sliderImage" src="/images/sliderContent_1.png" alt="" /></li>
<li><img class="sliderImage" src="/images/sliderContent_1.png" alt="" /></li>
<li><img class="sliderImage" src="/images/sliderContent_1.png" alt="" /></li>
<li><img class="sliderImage" src="/images/sliderContent_1.png" alt="" /></li>
<li><img class="sliderImage" src="/images/sliderContent_1.png" alt="" /></li>
<li><img class="sliderImage" src="/images/sliderContent_1.png" alt="" /></li>
</ul>
这是我的javascript
$(function() {
$('.slides').cycle({
fx: 'scrollHorz',
timeout: 0,
prev: '.contentSliderControls > .controlPrev',
next: '.contentSliderControls > .controlNext',
pager: '.contentSliderControls > .controlSlides',
pagerAnchorBuilder: pagerFactory
}); …